1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > DOM—操作元素(获取属性值 设置属性值 移除属性)

DOM—操作元素(获取属性值 设置属性值 移除属性)

时间:2019-07-10 10:50:27

相关推荐

DOM—操作元素(获取属性值 设置属性值  移除属性)

1. 自定义属性的操作

1.1 获取属性值

element . 属性 获取属性值;(元素本身自带的属性)element . getAttribute( ' 属性 ' );(主要获取自定义的属性(标准))

1.2 设置属性值

element.属性='值'

element.setAttribute('属性','值')

1.3移除属性

removeAttribute('属性')

<body><div id="demo" index='12' class="nav"></div><script>var div = document.querySelector('div');// 1. 获取元素的属性值// (1)element . 属性 如果是原有的属性可以直接写这个console.log(div.id); //demo// (2) element . getAttribute( ' 属性 ' ); 程序员自己添加的属性称为自定义属性 indexconsole.log(div.getAttribute('id')); //democonsole.log(div.getAttribute('index')); //12// 2.设置元素属性值 (记住class比较特殊)// (1)element.属性='值'div.id = 'text';div.className = 'navs'; //也可以这样直接把class的nav改为navsconsole.log(div.id); //textconsole.log(div.className); //navs // (2) element.setAttribute('属性','值') 主要针对于自定义属性div.setAttribute('index', '11');console.log(div.getAttribute('index')); //11div.setAttribute('class', 'footer');console.log(div.getAttribute('class')); //footer// 3.移除属性 removeAttribute('属性')div.removeAttribute('index'); //index属性被移除</script></body>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。