DOM中直接生成要素及CSS属性的设置方法 Unknown 2009/08/05

| |

网页的DOM模型听说过吗?指的是DHTML的一些东西。。。

我们常用的xxx=document.getElementById("innerPage").value语法就是使用了DOM模型,像Firefox,Safari等浏览器带DOM检查支持的,像IE这种垃圾浏览器就不行了。当然了,这不是说IE不支持DOM,是说IE不支持查看文档的DOM结构。

长话短说,如果你懂DOM,我给你抛块砖,引你这块玉好了。请看下面的例子。

var newElement=document.createElement("p"); //定义一个新的要素。
newElement.className="book"; //定义此要素的类名为book。如果不直接指定类名,你也可以直接定义newElement.style.fontSize或newElement.style.color。
newElement.innerHTML="This is an inserted element."; //定义此要素的innerHTML。

其实写这篇的目的,是要让我自己记住obj.className可以指定类名的重要用法(并不是大家想像中的obj.style.className,因为className并不是style的子项,而是平行项,所以不用在中间添加".style."字样)。另外,请大家记注obj.style.fontSize及obj.className中的大小写,这个习惯是和java一致的,首字母小写,下一个单词的首字母大写。

请给这篇日志评个分吧~!

本文评分: 3.8/10 (25 votes)    提示:您还未对本文评分,您可以进行评分并发表您的意见!

加入收藏!

Tags: , , ,
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [注册]