操作dom元素的属性（获取元素id，标题，设置自定义属性，获取自定义属性，删除自定义属性，动态设置id）

<div id="d1" title="div标题" data-card-id="123">div</div>

    <script>

        var div = document.querySelector('div')

        console.log(div.id,div['title']);  //d1   div标题

        // console.log(div.title);

        console.log(div.name,div.hehe);

        // 获取自定义属性

        console.log(div.getAttribute('name'));

        // 设置自定义属性

       div.setAttribute('name','hahha')

    //    获取自定义属性

       console.log(div.getAttribute('name')); //haha

    //    删除自定义属性

        div.removeAttribute('name')

        // 动态添加id

        div.dataset.cardId = 999

        console.log(div.dataset.id);

        div.id = ''  

       

    </script>