как выбрать все элементы <p> и <div>
 

подскажите пож-та, есть ли способ выбрать все элементы <p> и <div>
если <div> содержит <p> - то выбираем только <p>
если <div>не содержит <p> - то выбираем только < div >

<div class="my1">
          <p>ananimate</p>
          <p>ananimate</p>
              <div class="my2">
                 <p>ananimate</p>
                <p>ananimate</p>
                                </div>
                      <div class="my3">
                     <p>ananimate</p>
                      <p>ananimate</p>
                                  </div>
                         <div class="my4">
                         <li>ananimate</li>
                         <li>ananimate</li>
                                       </div>
                   <div class="text"></div>
                     </div>

то есть на выходе мне нужно выделить все <p> в классах my1, my2, my3 и классы my4 и text

И на том спасибо, а то думай, что там еще можно выбрать, если див не содержит пэ. Выдележ:

var elem=document.querySelector('.my1'),el;
if( !el = elem.querySelector('div p'))
   el = elem.querySelector('div')