JS属性操作
来源:互联网 发布:java构造函数怎么写 编辑:程序博客网 时间:2024/05/05 22:19
JavaScript中setAttribute用法
我们经常需要在JavaScript中给Element动态添加各种属性,这可以通过使用setAttribute()来实现,这就涉及到了浏览器的兼容性问题。
setAttribute(string name, string value):增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。
1、样式问题
setAttribute(“class”, value)中class是指改变”class”这个属性,所以要带引号。
vName代表对样式赋值。
例如:
var input = document.createElement(“input”);
input.setAttribute(“type”, “text”);
input.setAttribute(“name”, “q”);
input.setAttribute(“class”,bordercss);
输出时:,即,input控件具有bordercss样式属性
注意:class属性在W3C 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
2、方法属性等问题
例如:
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的对象属性、集合属性和事件属性。
document.getElementById(“testbt”).className = “bordercss”;
document.getElementById(“testbt”).style.cssText = “color: #00f;”;
document.getElementById(“testbt”).style.color = “#00f”;
document.getElementById(“testbt”).onclick= function () { alert(“This is a test!”); }
- js对象属性操作
- js操作图片属性
- js的属性操作
- JS属性操作实例
- JS属性操作实例
- JS 操作style属性
- JS属性操作
- JS-属性操作注意事项
- js属性操作
- js元素属性操作
- JS操作DIV全属性
- js操作css float属性
- JS批量操作CSS属性
- js操作css属性值
- JS操作DIV全属性
- js对象,操作属性、方法
- jquery和js操作属性
- js操作 ifarm contentWindow属性
- android动态壁纸LiveWallpaper用法
- 【C++】STL常用容器总结之五:双端队列deque
- 淘宝内部分享:怎么跳出MySQL的10个大坑
- 是让启动图占满全屏
- 广告投放新的模式-移动交互广告
- JS属性操作
- Mybatis 通过SqlSessionManager SqlSessionFactory 构建线程安全的
- H264编码 封装成MP4格式 视频流 RTP封包
- Linux spi驱动分析(二)----SPI核心(bus、device_driver和device)
- java讲义经验(三)数组理解
- HTML+CSS基础课程之form表单中的label标签
- IPC机制
- text——默认系统字体
- angluarjs监听浏览器变化,使用directive获取dom元素属性