关于getElement方法

为什么我用div1.getElementById无法实现本节课的效果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DOM节点</title>
</head>
<body>
<div id="div1">
    <p id="p1">我是第一个P</p>
    <p>我是第二个P</p>
</div>
<script>
 var p = document.createElement("p");
 var word = document.createTextNode("我是新增的P");
 p.appendChild(word);
 var div1 = document.getElementById("div1");
 div1.appendChild(p);
 var p1 = document.getElementById("p1");
//    为什么不能用下面这句来寻找p1
//    var p1 = div1.getElementById("p1");
 div1.removeChild(p1);
</script>
</body>
</html>

楚楚提 2018-09-14

源自：JavaScript入门 3-7 DOM-事件

收起

1回答

好帮手慕查理回答被采纳获得+3积分 2018-09-14 10:42:18

您好，var p1 = div1.getElementById("p1");报错。getElementById是document对象上的属性，要通过document对象来调用。祝学习愉快！

收起回答

楚楚提提问者 #1

那如果时标签内部寻找用什么方法

2018-09-14 10:44:39
楚楚提提问者 #2

好像用getElementsById[0]可以在标签内部寻找,也就是byId 和byClass只能用与document?

2018-09-14 10:48:17
好帮手慕查理回复提问者楚楚提 #3

您好，是想通过父级，来找到子级吗？若是的话，可以尝试使用标签名来获取例如：var p1 = div1.getElementsByTagName("p")[0];，若不是请详细描述。祝学习愉快！

2018-09-14 11:01:39