javaScript的为页面中的某一个div动态添加文本框，请帮我找出第一段代码的错误！
第一段：跟第二段一样的但是就运行不了。vardiv=document.getElementById("div");vartxt=document.createElemen...
第一段：跟第二段一样的但是就运行不了。
var div = document.getElementById("div");
var txt = document.createElement("input");
txt.setAttribute("type","text");
txt.setAttribute("size","30");
txt.setAttribute("style","border-
color:#ff0000");
div.appendChild(txt);
第二段：正确的
var div = document.getElementById("div");
var txt = document.createElement("input");
txt.setAttribute("type","text");
txt.setAttribute("size","30");
txt.setAttribute("style","border-
color:#ff0000");
div.appendChild(txt);
所有的代码：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<input type="button" value="点击" onclick="MyText()" />
<div id="div" style="height:300px; width:300px;border-color:#000000; border-width:thin; border-style:solid"></div>
</body>
<script language="javascript" type="text/javascript">
function MyText()
{
var div= document.getElementById("div");//获取div
var txt= document.createElement("input");//创建input的标签
//修改属性
txt.setAttribute("type","text");
txt.setAttribute("size","30");
txt.setAttribute("style","border-color:#ff0000");
//把input添加到div
div.appendChild(txt);
}
</script>
</html> 展开
var div = document.getElementById("div");
var txt = document.createElement("input");
txt.setAttribute("type","text");
txt.setAttribute("size","30");
txt.setAttribute("style","border-
color:#ff0000");
div.appendChild(txt);
第二段：正确的
var div = document.getElementById("div");
var txt = document.createElement("input");
txt.setAttribute("type","text");
txt.setAttribute("size","30");
txt.setAttribute("style","border-
color:#ff0000");
div.appendChild(txt);
所有的代码：
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<input type="button" value="点击" onclick="MyText()" />
<div id="div" style="height:300px; width:300px;border-color:#000000; border-width:thin; border-style:solid"></div>
</body>
<script language="javascript" type="text/javascript">
function MyText()
{
var div= document.getElementById("div");//获取div
var txt= document.createElement("input");//创建input的标签
//修改属性
txt.setAttribute("type","text");
txt.setAttribute("size","30");
txt.setAttribute("style","border-color:#ff0000");
//把input添加到div
div.appendChild(txt);
}
</script>
</html> 展开
4个回答
展开全部
都是可运行的，楼主估计你第一段和第二段贴错了
追问
你运行过了吗?我刚才又运行过了但是还是不能运行啊！
追答
楼主，下面这段代码即是我运行的，init()方法里面是从你第一段贴过来的，是不是你没有在body初始化完毕后才运行这段，导致获取不到div元素？
MyHtml.html
function init() {
var div = document.getElementById("div");
var txt = document.createElement("input");
txt.setAttribute("type","text");
txt.setAttribute("size","30");
txt.setAttribute("style","border-color:#ff0000");
div.appendChild(txt);
}
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
两段代码都测试了，没有问题啊。难道是border-
color:#ff0000");
这个换行问题？
color:#ff0000");
这个换行问题？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的代码可以运行，无任何问题
更多追问追答
追问
但是我早上搞了1个多小时，不管用什么方法第一段代码还是运行不了的啊！我也一个个字符 单词对照过了，而且还打了好多遍就是不能运行啊！
追答
报什么错？
你那段完整的代码是没有问题的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
请先指出2段哪里不同
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
