<div id = "div">我是一个div
　　<span>我是span</span>
</div>
<script>
var box = document.getElementById('div');
console.dir(box);
//内部包含标签的属性和内容，内容也被封装成div对象的一个属性。通过innerHTML和innerText两个属性可获取标签之间的内容。innerHTML会取到div中所有内容，包括内部的span标签，换行等原封不动获取到，而innerText只会获取的标签的内容，不获取标签
console.log(box.innerHTML);
console.log(box.innerText);
</script>

//b标签使内容加粗
box.innerHTML = '<b>我爱学习</b>,学习使我快乐！';

<div age=12 id='ww'></div>
<script>
    ww = document..getElementById('ww');
    console.log(ww.getAttribute('age'));　　//获取到自定义属性age的值
</script>

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

box.removeAttribute('age');