知识大全 JavaScript中setAttribute用法介绍
Posted 属性
篇首语:丈夫欲遂平生志,一载寒窗一举汤。本文由小常识网(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相关参考
向word中写入内容 首先在word中设置书签如书签名为bookmarkjavascript中可以这样写 varword;word=newActiveXObject(WordApplicati
用JavaScript验证密码强度 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 规则如下:
用JavaScript实现动画效果 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 大家在使用Dr
用JavaScript限制图片上传长宽 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! <&
用Javascript自动输出网页文本 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 在网页中经
用JavaScript实现一些随机事件 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!随机广告<
用JavaScript操作数据库 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! <scri
用JavaScript修改CSS属性 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 只有写原生的
用JavaScript创建“闪动”标题栏 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!不访给自己的
用JavaScript查看一些用户信息 以下文字资料是由(全榜网网www.cha138.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧!检测浏览器版本