知识大全 JavaScript中setAttribute用法介绍

Posted 2022-07-20 属性

篇首语：丈夫欲遂平生志，一载寒窗一举汤。本文由小常识网(cha138.com)小编为大家整理，主要介绍了知识大全 JavaScript中setAttribute用法介绍相关的知识，希望对你有一定的参考价值。

JavaScript中setAttribute用法介绍 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容，让我们赶快一起来看一下吧！

我们经常需要在JavaScript中给Element动态添加各种属性这可以通过使用setAttribute()来实现这就涉及到了浏览器的兼容性问题

　　setAttribute(string name string value) 增加一个指定名称和值的新属性或者把一个现有的属性设定为指定的值样式问题 setAttribute("class" value)中class是指改变"class"这个属性所以要带引号 vName代表对样式赋值例如:

复制代码代码如下: var input = document createElement("input"); input setAttribute("type" "text"); input setAttribute("name" "q"); input setAttribute("class" bordercss);

　　输出时 <input type=text name=q > 即 input控件具有bordercss样式属性注意 class属性在W C DOM中扮演着很重要的角色但由于浏览器差异性仍然存在使用setAttribute("class" vName)语句动态设置Element的class属性在firefox中是行的通的但在IE中却不行因为使用IE内核的浏览器不认识"class" 要改用"className" 同样 firefox 也不认识"className" 所以常用的方法是二者兼备

复制代码代码如下: element setAttribute("class" value); //for firefox element setAttribute("className" value); //for IE

　　方法属性等问题例如

复制代码代码如下: var bar = document getElementById("testbt"); bar setAttribute("onclick" "javascript:alert( This is a test! );");

　　这里利用setAttribute指定e的onclick属性简单很好理解但是IE不支持 IE并不是不支持setAttribute这个函数而是不支持用setAttribute设置某些属性例如对象属性集合属性事件属性也就是说用setAttribute设置style和onclick这些属性在IE中是行不通的为达到兼容各种浏览器的效果可以用点符号法来设置Element的对象属性集合属性和事件属性

复制代码代码如下: cha138/Article/program/Java/JSP/201311/19979