gpt4 book ai didi

javascript - getElementsByTagName() 方法没有按预期工作

转载 作者:行者123 更新时间:2023-11-28 04:52:26 25 4
gpt4 key购买 nike

我试图简单地更改所有 </p> 中的文本具有此代码的元素

<html>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<body>
<p></p>
<script>
elem=document.getElementsByTagName("p");
elem.innerHTML="work";
</script>
</body>
</html>

我预计 work出现在页面上,但结果只是一个没有文本的空白页面。为什么?

最佳答案

getElementsByTagName is method of the DOM interface. It accepts a tag name as input and returns a NodeList (some browsers chose to return HTMLCollection instead, which is OK, since it is a superset of NodeList).

Difference between HTMLCollection, NodeLists, and arrays of objects

您必须设置 HTMLCollection/NodeList 的索引。

elem=document.getElementsByTagName("p");
elem[0].innerHTML="work";

您还可以为 HTML 文档中的每个 p 标记执行此操作。

var elem = document.getElementsByTagName("p");

for(var index = 0; index < elem.length; index++){
elem[index].innerHTML="work";
}

关于javascript - getElementsByTagName() 方法没有按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29588480/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com