gpt4 book ai didi

javascript - 使用 JavaScript 的 HTML 选择选项不起作用

转载 作者:行者123 更新时间:2023-11-28 04:57:00 24 4
gpt4 key购买 nike

以下代码(在文件 formBuilder1.js 中)给出了此错误:

Uncaught TypeError: Cannot read property 'appendChild' of null.

我该如何解决这个问题?

var medium = ["Luft","Wasser"];
var selectElement = document.getElementById('Medium');
for(var i=0;i<2;i++){
var opt = document.createElement('option');
opt.innerHTML = medium[i];
opt.value = medium[i];
selectElement.appendChild(opt);

HTML代码如下:

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body>


<script src="formBuilder1.js"></script>

<select id="Medium"></select>
</body>
</html>

提前致谢。

最佳答案

当放入 jsFiddle ( https://jsfiddle.net/vj5s165e/ ) 时,您的代码工作正常。正如您的 OP 注释中所提到的,您需要在将元素添加到 DOM 后包含 JS。

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<body>
<select id="Medium"></select>
<script src="formBuilder1.js"></script>
</body>
</html>

还可以考虑将 JavaScript 包装在 window.onload 函数中,以防止它在 DOM 准备就绪之前执行。 https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onload

关于javascript - 使用 JavaScript 的 HTML 选择选项不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42468574/

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