Question

有人可以帮我吗？

基本上，我的外部javascript文件未读取我的变量列表。它正在阅读文档。上面的标题调用，当我从字面上剪切代码并将其粘贴到内部javascript文件中时，它看起来很好，所以我很困惑。

   <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>javascript</title>
    <script src="main.js" type="text/javascript" ></script>
</head>
<body>
    <h1 id="ourheadline">Click this to replace text</h1>
    <button>Add new item</button>

    <ul id="our-list">
        <li>1st item</li>
        <li>2nd item</li>
        <li>3rd item</li>
        <li>4th item</li>
    </ul>
</body>

<script>
   var listBoxes = document.getElementById("our-list").getElementsByTagName("li");
    </script>

</html>

and the javascript

document.title = "This is a latest newset text";

var listBoxes = document.getElementById（“ our-list”）。getElementsByTagName（“ li”）;

就像我说的document.title看起来不错，但是列表根本看不到，只是在控制台中返回undefined 任何帮助将不胜感激

Answer 1

将代码包装在文档或窗口加载中以访问元素

window.onload=function(){
 var listBoxes = document.getElementById("our-list").getElementsByTagName("li");
}

在Jquery

中

$(document).ready(function(){
var listBoxes = document.getElementById("our-list").getElementsByTagName("li");

});

外部javascript无法读取变量

1 个答案: