JS Dom元素的获取 事件 this

一、DOM（文档对象模型）元素获取：

1. html / head / body元素的获取

 console.log(document);                      //获取的是 html元素 
 console.log(document.documentElement);      //获取的是 html元素 
 document.getElementsByTagName("html")[0];   //获取的是 html元素
 
 console.log(document.head);                 //获取的是 head元素
 document.getElementsByTagName("head")[0];   //获取的是 head元素
 
 console.log(document.body);                 //获取的是 body元素
 document.getElementsByTagName("body")[0];   //获取的是 body元素

设置窗口的背景色三种方式：

1. document.bgColor=“green”; // 通过 document 的属性设置
2. document.body.bgColor=“green”; // 通过 body 的属性设置
3. document.body.setAttribute(“bgColor”,“yellow”); // 通过 body 的属性设置
4. document.body.style.backgroundColor=“red”; // 通过 body 的样式设置

2. 元素动态获取的四种方式

  var dom1=document.getElementsByTagName("button");
  console.log(dom1[0]);        //htmlcollection  集合类型   [index]  获取元素
  var dom2