用JS动态生成html，报错，第一次发帖，虚心求教！
<html>
<head>
<title>New Document </title>
<script type="text/javascript">
var inputtext=document.createElement("input");
var inputbutton=document.createElement("input");
inputtext.type="text";
inputtext.id="text";
inputbutton.type="button";
inputbutton.id="button";
inputbutton.value="按钮";
//inputbutton.onclick="button_onClick();";
console.error(inputtext);
console.error(inputbutton);
document.body.appendChild(inputtext);
document.body.appendChild(inputbutton);
function button_onClick(){
var txt = text.value;
var num = parseInt(txt);
for(var i=0;i<num;i++){
var element = document.createElement("A");
element.setAttribute("href","");
var br = document.createElement("BR");
var a = document.createTextNode(i+1);
element.appendChild(a);
document.body.appendChild(br);
document.body.appendChild(element);
}
}
</script>
</head>
<body>
</body>
</html> html js动态生成html
[解决办法]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>New Document </title>
<script type="text/javascript">
window.onload=function(){
var inputtext=document.createElement("input");
var inputbutton=document.createElement("input");
inputtext.type="text";
inputtext.id="text";
inputbutton.type="button";
inputbutton.id="button";
inputbutton.value="按钮";
//inputbutton.onclick="button_onClick();";
document.body.appendChild(inputtext);
document.body.appendChild(inputbutton);
function button_onClick(){
var txt = text.value;
var num = parseInt(txt);
for(var i=0;i<num;i++){
var element = document.createElement("A");
element.setAttribute("href","");
var br = document.createElement("BR");
var a = document.createTextNode(i+1);
element.appendChild(a);
document.body.appendChild(br);
document.body.appendChild(element);
}
}
}
</script>
</head>
<body>
</body>
</html>
你append时body还没加载呢 所以出错了
[解决办法]
window.onload=function(){
//你的那段代码
}
不用html元素 不明白你的意思
[解决办法]
楼上说了 放到window.onload=function(){}
