请问为何我这样写代码不能够添加节点项目
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>测试代码</title>
<script type="text/javascript">
function a(){
var body = document.body;
var table = document.createElement("table");
body.appendChild(table);
table.setAttribute("border","1");
table.setAttribute("width","50%");
table.setAttribute("id","table");
var input = document.createElement("input");
input.setAttribute("type","button");
input.setAttribute("value","填写信息");
input.setAttribute("onclick","add1()");
body.appendChild(input);
}
function add1(){
var table = document.getElementsByTagName("table");
var tr = document.createElement("tr");
// table.appendChild(tr);
for (var i=1;i<=4;i++){
var td = document.createElement("td");
td.innerHTML = "<input type='text'>";
tr.appendChild(td);
}
table.appendChild(tr);
}
</script>
</head>
<body>
<input type="button" value="添加" onclick="a()"/>
</body>
</html>
慕少86228842回答
-
李晓健
<body> <input type="button" value="添加" onclick="a()"/> <!--因为你的页面没以有写table标签--> <table></table> </body>function add1(){ //你这里在页面找table标签 而你页面却没有table标签 var table = document.getElementsByTagName("table"); var tr = document.createElement("tr"); for (var i=1;i<=4;i++){ var td = document.createElement("td"); td.innerHTML = "<input type='text'>"; tr.appendChild(td); } table.appendChild(tr); }看注释
随时随地看视频慕课网APP
相关分类
JavaScript