js自定义属性与认识节点

 js自定义属性

    <ul>
        <li class="hover" index="1" ssdc="qqqq"></li>
    </ul>
    <script>
        var lis = document.querySelector('li')
        // 打印的是标签固有的class属性值
        console.log(lis.className);

        // getAttribute获取自定义属性值
        console.log(lis.getAttribute('index'));
        console.log(lis.getAttribute('ssdc'));

        // 改变自定义属性的值
        lis.setAttribute('index','2')
        console.log(lis.getAttribute('index'));

        // 移除属性值
        lis.removeAttribute('ssdc')
        console.log( lis.removeAttribute('ssdc'));
        lis.removeAttribute('class')
        console.log( lis.removeAttribute('class'));
    </script>

认识节点

1.利用 DOM 树可以把节点划分为不同的层级关系，常见的是父子兄层级关系。</