js DOM : 属性操作

<div id = "na" class = "c"></div>
<script>
    var box = document.querySelector('.c');
</script>

设置属性 setAttribute(属性名称， 属性值)

box.setAttribute('name', 'joe');

获取属性  getAttribute(属性名称)

var title = box.getAttribute('title');

移除属性  removeAttribute(属性名称)

box.removeAttribute('id');

自定义属性 data-*

设置自定义属性

box.dataset.book = 'family';

显示如图：

获取自定义属性：

var book = box.dataset.book;

移除data自定义属性

box.removeAttribute('data-book');