用JS动态生成html,报错,第一次发帖,虚心求教!

Baby_Fisher 2013-10-13 06:03:52

<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>
...全文
99 点赞 收藏 5
写回复
5 条回复
切换为时间正序
当前发帖距今超过3年,不再开放新的回复
发表回复
Baby_Fisher 2013-10-13
回复
好吧我来了 2013-10-13
楼上说了 放到window.onload=function(){}
回复
似梦飞花 2013-10-13
window.onload=function(){ //你的那段代码 } 不用html元素 不明白你的意思
回复
Baby_Fisher 2013-10-13
那应该怎么修改呢?我不想用到html元素
回复
似梦飞花 2013-10-13
<!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还没加载呢 所以出错了
回复
相关推荐
发帖
JavaScript
创建于2007-09-28

8.5w+

社区成员

Web 开发 JavaScript
申请成为版主
帖子事件
创建了帖子
2013-10-13 06:03
社区公告
暂无公告