码迷,mamicode.com
首页 > 其他好文 > 详细

回顾一下红宝书中获取元素特性的三个方法

时间:2019-08-04 01:16:46      阅读:81      评论:0      收藏:0      [点我收藏+]

标签:一个   pre   attr   move   属性   doc   显示   style   元素   

每个元素都有一个或多个属性,这些特性的用途是给出相应元素的内容的附加信息。操作特性的DOM方法主要有三个。

getAttributr(),

<div id="btn" data-test="test"></div>

let btn = document.getElementById(‘btn‘);
  alert(btn.getAttribute(‘data-test‘)); // 弹出为‘test‘

setAttribute(), //接收两个参数:要设置的特性名称和对应的值;

btn.setAttribute(‘data-kang‘,"kang")
  alert(btn.getAttribute(‘data-kang‘));//弹出 ’kang‘

 

removeAttribute()//彻底删除元素的属性

btn.removeAttribute(‘data-kang‘),
  console.log(btn.getAttribute(‘data-kang‘)); // 控制台显示为空白;

 

回顾一下红宝书中获取元素特性的三个方法

标签:一个   pre   attr   move   属性   doc   显示   style   元素   

原文地址:https://www.cnblogs.com/kangshuishneg/p/11296806.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!