简体   繁体   English

为什么 document.getElementById() 不起作用?

[英]Why is document.getElementById() not working?

I want to make a program which adds a textbox every time you click a button.我想制作一个程序,每次单击按钮时都会添加一个文本框。 Here's my code:这是我的代码:

 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 lang="en"> <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>

When I run it, it generates an error.当我运行它时,它会产生一个错误。 Why is this occurring?为什么会出现这种情况?

You have to define linelist outside the functions first with let or var :您必须首先使用letvar在函数之外定义linelist

let 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 />";
}

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM