js获取多个div里面的p标签

比如说
<div id="div1">
  <div><p>1</p><p>1</p></div>
  <div><p>2</p><p>2</p></div>
  <div><p>3</p><p>3</p></div>
</div>

点击p弹出当前的innerHTML。


var odiv=document.getElementById("div1")
var odivdiv=odiv.getElementsByTagName("div")
怎么获取p？

5 个解决方案

#1

var odiv=document.getElementById("div1")
var p=odiv.getElementsByTagName("p")
for(var i=0;i<p.length;i++)p[i].onclick=function(){alert(this.innerHTML)}

#2

js获取子节点或者jq采用选择器。。。

#3

$("#div1 p").xxxx

#4

果断jquery

#5

var oP = document.getElementsByTagName("p");
(function(){
    for(var  i = 0; i < oP.length; i++){
        oP[i].onclick = function(){
                alert(this.innerHTML);
            };
    }
})();