为什么 document.getElementById() 不起作用？
我想制作一个程序，每次单击按钮时都会添加一个文本框。这是我的代码：
window.onload = function () { linelist = document.getElementById("linelist"); };
function AddLine() {
linelist.innerHTML += "<div class=\"normallink\"><input type=\"text\"><button class=\"dustbin\"><img src=\"dustbin.png\"></button></div><br />";
}
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="linelist"></div><br />
<button id="addline" onclick="Addline();">+</button>
</body>
</html>
当我运行它时，它会生成错误。为什么会出现这种情况？
慕姐4208626浏览 106回答 1
1回答
-
青春有我
您必须首先使用或linelist在函数外部定义：letvarlet linelist = null;window.onload = function () { linelist = document.getElementById("linelist"); };function AddLine() { linelist.innerHTML += "<div class=\"normallink\"><input type=\"text\"><button class=\"dustbin\"><img src=\"dustbin.png\"></button></div><br />";}
随时随地看视频慕课网APP
相关分类
JavaScript