DOM中的innerHTML

Question

我无法更改我的＆＃39; p＆＃39;使用此脚本标记

 <script>
 var firstItem = document.getElementByTagName('p');
 firstItem.innerHTML = 'Adding Javascript';
 </script>

Answer 1

您有几个编码错误。这里有一些更正的代码：

 <script>
 var firstItem = document.getElementsByTagName('p')[0];
 firstItem.innerHTML = 'Adding Javascript';
 </script>

1. 正确的方法是document.getElementsByTagName('p')。注意＆＃34; s＆＃34;在元素＆＃34;

的最后

2. 然后，因为document.getElementsByTagName('p')返回一个HTML集合对象，你必须遍历集合或进入集合以获取一个特定的DOM对象（我在我的例子中使用{{1} }}）。

这是一个有效的代码段：

＆＃13;
＆＃13;
[0]
＆＃13;
// change just the first <p> tag
document.getElementById("test1").addEventListener("click", function(e) {
    var firstItem = document.getElementsByTagName('p')[0];
    firstItem.innerHTML = 'Adding Javascript';
});

// change all the <p> tags
document.getElementById("test2").addEventListener("click", function(e) {
    var items = document.getElementsByTagName('p');
    for (var i = 0; i < items.length; i++) {
      items[i].innerHTML = 'Setting All Items';
    }
});
＆＃13;
＆＃13;
＆＃13;