document对象
document对象也可以绑定事件
文档根元素和文档根节点
documentElement是网页中的根节点也是网页中的根元素就是html元素，html里面html是元素的根节点
整个文档树的根节点是document对象，在HTML DOM 里面 document是根节点。
<script>
//获取body元素
console.log(document.body);
//获取网页中的根节点就是html元素，html里面html是元素的根节点
console.log(document.documentElement,111);
//html元素的父元素节点是document对象
console.log(document.documentElement.parentElement,222);
//html元素的父节点是null
console.log(document.documentElement.parentNode,333);
//整个文档树的根节点，在HTML DOM 里面 document是根节点
console.log(document,444);
</script>
事件的目标对象
event.target和event.srcElement都是事件的目标对象
元素绑定自定义属性
data-是必须的，其后面的字符可以自定义。
<div data-AOTU="YYDS" class="box" data-src="https:www.aotu.com">
凹凸
</div>
<script>
let box=document.querySelector(".box");
console.log(box.dataset);
</script>
获取的dataset是一个对象，元素可以自定义多个属性
document.write
document.write：表示脚本在哪个标签运行就在哪个标签写东西，写的东西会在页面上的那个标签末尾渲染文字。
<body>
<div data-AOTU="YYDS" class="box" data-src="https:www.aotu.com">
凹凸
<script>
document.write("misstara");
</script>
</div>
</body>
