关于用JS创建HTML元素属性赋值的问题

原创于 2008-12-20 21:15:13 发布 · 425 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#HTML #IE #Ajax #CSS #浏览器

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文探讨了AJAX时代使用JavaScript创建HTML元素的方法，并强调了兼容性的重要性。文章指出使用`document.createElement('div')`而非`document.createElement('<div>...<div>')`的正确性。同时，文中提到使用`eleobj.className = 'myStyle1'`而非`eleobj.setAttribute('class', 'myStyle1')`设置CSS样式类的有效性。

相信在AJAX时代,很多人用起了JS来创建HTML Elements来完成界面填充.

那么为了兼容浏览器,我们会用到document.createElement("div")这样的代码,

不过也有人说,这样也可以document.createElement("<div>...</div>")

呃.这是一个标准横行的时代,IE时代已经一去不复返了...

那么使用document.createElement就像是操作XML一样了.恩,这样很COOOOOOL...

但是也很痛苦,基本上写完之后你自己不知道那段代码生成的HTML是个什么结构.

所谓有得必有失.

进入正题吧.

可能有的人在使用documeng.createElement之后发现一个问题,我的CSS失效了.

那是因为,使用了 eleobj.setAttribute("class","myStyle1")这样的方式来给属性的.

这个无效,需要用 eleobj.className = "myStyle1";这样才行

至于原因,我不清楚.反正这样就行.