setAttribute()⽅法和getAttribute()⽅法
setAttribute() ⽅法为⼀个或⼀组元素添加指定的属性,并且为其赋指定的值。(主要针对⾃定义属性)
如果这个属性已经存在,仅仅设置或是修改属性值。
浏览器兼容性:所有主流浏览器都兼容
语法:
element.setAttribute(attributename,attributevalue)
参数:
attributename:添加的属性名。必需
attributevalue:添加的属性值。必需
返回值:⽆返回值
注意:
1、在HTML⽂档中的HTML元素调⽤ setAttribute() ⽅法时,该⽅法会将其属性名称(attribute name)参数⼩写。
2、如果指定的属性已经存在,就修改或是传递属性值。如果不存在,就创建指定的属性。(该⽅法只能通过元素节点调⽤)
3、不存在的属性,getAttribute() 返回 null。还是应该使⽤ removeAttribute() 代替 setAttribute('属性名',null)来删除属性。
实例:
setAttribute⽤于设置在 li元素上的属性。
<li>歌单</li>
<li>主播电台</li>
<li>排⾏榜</li>
var lis = tab_list.querySelectorAll('li');
for(var i=0;i < lis.length;i++){
lis[i].setAttribute('index',i);
}
getAttribute()⽅法返回元素上⼀个指定的属性值。
如果指定的属性值不存在,就返回 null 或是 ""(空字符串)。
浏览器兼容:所有主流浏览器均⽀持 getAttribute() ⽅法。
语法:
参数:
attributename:需要获得属性值的属性名称。必需
返回值:
返回指定属性的值(string类型)
注意:getattribute方法返回类型
1、当在HTML⽂档中的HTML元素中调⽤此⽅法时,getAttribute() ⽅法会先将参数转换为⼩写形式。
2、当被指定的属性不存在于元素之上是,所有浏览器都会返回 null。
3、当在被标记为 HTML ⽂档中的⼀个 HTML 元素上调⽤此⽅法时,getAttribute() 会先将其参数转换为⼩写形式。
4、因此,如果⼀个属性可能不存在于指定的元素上,在调⽤ getAttribute() 之前,你应该使⽤ element.hasAttribute() 来检测该属性是否存在。
实例:
function myFunction()
{
var ElementsByTagName("a")[0];
}
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论