getElementsByTagName("LI")不能读取属性'innerHTML'

getElementsByTagName("LI") not pulling Cannot read property 'innerHTML' of undefined

本文关键字:quot 读取 属性 innerHTML 不能读 LI getElementsByTagName 不能      更新时间:2023-09-26

我有从("LI")获取数据的问题。

<!DOCTYPE html>
<html>
<body>
<p>An unordered list:</p>
<div>
  <li>40</li>
  <li>25</li>
  <li>10</li>
</div>
<p>Click the button to display the innerHTML of the second li element (index 1).</p>
<button onclick="myFunction()">Try it</button>
<p id="demo"></p>
<p id="demo1"></p>
<script>
function myFunction() {
var y = document.getElementsByTagName("LI");
var noh = parseInt(y[0].innerHTML);
var nom = parseInt(y[1].innerHTML);
var nos = parseInt(y[2].innerHTML);
document.getElementById("demo1").innerHTML = noh;
var x = document.getElementsByTagName("LI");
var s = parseInt(x[1].innerHTML);
var t = 5;
var tot = s+t;
document.getElementById("demo").innerHTML = tot+noh;
}
</script>
</body>
</html>

当我在w3school网站上运行它时,此代码正在工作,但它在parseInt(y[0].**innerHTML**)上显示错误;

错误是:

"Uncaught TypeError: Cannot read property 'innerHTML' of undefined"

有人能帮忙吗?

非常感谢!

尝试用小写的"li"代替,因为你的代码在Chrome中工作得很好,这可能意味着你的浏览器在搜索元素时区分大小写。