首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

初学HTML,不明白这段代码,请问

2012-02-13 
初学HTML,不明白这段代码,请教代码htmlheadmetahttp-equiv Content-Type content text/htmlcha

初学HTML,不明白这段代码,请教
代码
<html>

<head>
<meta   http-equiv= "Content-Type "   content= "text/html;   charset=gb2312 ">
<title> 新建网页   1 </title>
<script>
function   CreateEl(tag){
var   t   =   document.createElement(tag);
return   t;
}

function   DivInsert(){
var   tb   =   CreateEl( "table ");
var   tbtr   =   CreateEl( "tr ");
var   tbtd   =   CreateEl( "td ");
var   tbtext   =   document.createTextNode( "Hell,world! ");

tbtd.appendChild(tbtext);
tbtr.appendChild(tbtd);
tb.appendChild(tbtr);

var   d   =   document.getElementById( "myDiv ");
d.appendChild(tb);
alert(d.innerHTML);
debugger;

}
</script>
</head>

<body>
<div   id   =   "myDiv "   onclick= "DivInsert() "> Here </div>
</body>

</html>

点击了 "Here ",myDiv的innerHTML发送了变化,添加了一个表格,但是为什么显示上却没有变化呢?

[解决办法]
在IE下,只能显示“Here”
在opera下,点击Here之后,会换行显示Hell,world!
两者都会有提示框弹出表明是添加了表格,呵呵,也很奇怪啊 等着高人回答
[解决办法]
不明白你要问什么。
这段代码是利用DOM技术动态插入一个对象。
好多JS代码在不同的浏览器中运行结果是不同的,或者说是不兼容的。
[解决办法]
长知识了,应该多去找找
http://topic.csdn.net/t/20030106/09/1329818.html
据说是IE的BUG,在添加时是这样的顺序:table-> tbody-> tr-> td

热点排行