<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div style="" id="wrap" class="box" title="我是一个DIV">123456</div>
<script>
    //如何去操作元素的标签属性

    /*
    合法的标签属性直接.操作
        class比较特殊需要使用className
    */

    let oDiv = document.getElementById('wrap');
    // oDiv.title = '二狗子';  //写入
    alert( oDiv.title);  //读取
    oDiv.className = 'wrap'; //与保留词冲突需要加Name

    oDiv.id = 'goudan'; //可以直接点修改id
    oDiv.innerHTML = '987654321'; //修改id之后oDiv仍然可以使用，就像媳妇换名字还是媳妇

    // 此时id值是goudan
    let xx = document.getElementById('goudan');

    console.log( xx ===oDiv ) // >>xx和oDiv是一样的
</script>
</body>
</html>