JS动态创建元素的奇怪问题--待解决
2011-04-18 18:24
337 查看
昨天用js动态创建元素时出现了一个奇怪的问题，看看谁能帮忙解决一下。
html代码：
当HTMl里的div为<div id="m"></div>时运行结果：
当HTMl里的div为<div id="m"/> 时运行结果：
为什么出现这种情况？谁来帮忙解决一下.
html代码：
<HTML>
<HEAD>
<TITLE>动态创建元素 </TITLE>
<script type="text/javascript">
function btnClick(){
var div=document.getElementById("m");
var btn = document.createElement("input");
btn.type="button";
btn.value="New Button";
div.appendChild(btn);
}
</script>
</HEAD>
<BODY>
11111111
<div id="m"></div>
22222222
<input type="button" value="Create" onclick="btnClick()" />
33333333
</BODY>
</HTML>当HTMl里的div为<div id="m"></div>时运行结果：
当HTMl里的div为<div id="m"/> 时运行结果：
为什么出现这种情况？谁来帮忙解决一下.
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 关于JS获取不到动态创建的元素的id的问题
- js中的事件委托机制(解决动态生成的dom元素无法绑定事件的问题)
- 有关firefox下js在table中动态创建form元素无法传值问题
- 非常奇怪的问题：动态创建的View设置Visibility不起作用（Android，已解决）
- 解决jquery动态创建元素绑定事件失效问题
- 解决jquery动态创建元素绑定事件失效问题
- js动态创建table节点并通过appendChild拼接子元素的问题
- firefox下JS动态创建的form表单元素获取不到值的问题
- 快速解决js动态改变dom元素属性后页面及时渲染的问题
- 快速解决js动态改变dom元素属性后页面及时渲染的问题
- 有关firefox和chrome下js动态创建form元素无法传值的问题
- js动态创建input元素，增加点击事件遇到的问题
- 有关firefox和chrome下js动态创建form元素无法传值的问题
- 根据原生JS封装函数，根据传递的选择器查找对应的元素以及解决getElementsByClassName() 兼容问题
- 使用.live()可以解决动态加载html,但js无效果的问题
- JS动态创建元素
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- Easyui中使用jquery或js动态添加元素时出现的样式失效的解决方法
- js动态创建dom元素示例
- 利用事件委托解决js元素添加后未响应绑定事件问题