大家好，我是考100分的小小码 ，祝大家学习进步，加薪顺利呀。今天说一说setattribute（html中setAttribute的用法）,希望您对编程的造诣更进一步.
属性操作
HTML 属性与 DOM 属性的对应
每个 HTML 属性都会对应相应的 DOM 对象属性。
属性操作方式
读取属性
<div> <label for="username">User Name: </label><input type="input" name="username" id="username" class="text" value=""> </div> input.className; // 'text' input[id]; // 'username'
写入属性
可增加新的属性或改写已有属性。
input.value = 'new value'; input[id] = 'new-id';
getAttribute / setAttribute
特点
- X 仅可获取字符串（使用时需转换）
- √ 通用性强
读取属性
获取到的均为属性的字符串。
var attribtue = element.getAttribute('attributeName');
写入属性
可增加新的属性或改写已有属性。
element.setAttribute('attributeName', value);
dataset
自定义属性，其为 HTMLElement 上的属性也是 data-* 的属性集。主要用于在元素上保存数据。获取的均为属性字符串。数据通常使用 AJAX 获取并存储在节点之上。
<div id='user' data-id='1234' data-username='x' data-email='mail@gmail.com'></div> div.dataset.id; // '1234' div.dataset.username; // 'x' div.dataset.email; // 'mail@gmail.com'
dataset 在低版本 IE 不可使用，但可通过 getAttribute 与 setAttribute来做兼容。
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
转载请注明出处: https://daima100.com/36039.html
