初学HTML,不明白这段代码,请问
发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
初学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
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。
其他相似内容:
-
CSS3的3D转换效果详解介绍
CSS3的3D转换效果详解介绍:
本章介绍一下CSS3的3D转换效果,此效果的实现依靠的是transform属性,3D转换只...
-
HTML学习10:表单格式化
表单格式化,其实我也不想起这个名字的,在前面学习的HTML中有文本格式化,这次的表单和表੬...
-
CSS布局参考 IE的If条件注释使用备忘
内容提要:在CSS布局中,还常常用到IE Hack。if IE起着非常大的作用! 关键字:Div CSS IE Hack...
-
CSS3中动画transform必须要了解的Skew变化原理
transform是CSS3中比较安全的动画(对于性能来说),其中有一些动画属性,来执行不同...
-
控制非模态弹出框(showModelessDialog)唯一且随父页面关闭
网站开发中,常常会遇到需要弹出窗体的情况,一般弹出框有模态和非模态两...
-
compass模块----Utilities----Sprites精灵图合图
css雪碧图又叫css精灵或css sprite,是一种背景图片的拼合技术。使用css雪碧图,能...
-
求前端大神帮我看下我这网站,到底是什么原因。除了ie7和火狐其他浏览器都没问题。
http://120.25.1.133/digger/index.php/Home/In...
-
各位是怎样解决屏幕的分辨率的问题的呢?
我的笔记本是15.6英寸的,我开发的网页在我的电脑上看起来比较好,但是我想换一个大的屏幕的...
-
css-----强大的效果
1 <div id="d1">你好 2 <span>aaaaaaaaa</span> 3 <div> 4 <span id="s1">bbbbbbbb</span> 5 ...
-
新手关于canvas的问题
html代码:<canvasid="canvas"></canvas>
js代码:
第一种:varcanvas=$("#canvas");
第二种:varcanvas=$("#canva...