jsDOM对象

DOM : Document Object Model，文档对象模型，将html文档中的每一个元素都可以使用一个对象 来表示。
如何获取某一个html元素所对应的dom对象

1. document.getElementById(“aa”)
2. document.getElementsByTagName(“aa”)
3. document.getElementsByName(“aa”)
4. document.getElementsByClassName("")。
5. document.querySelector(“a”); //最常用，获取满足指定选择器第一个元素。
6. document.querySelectorAll(“a”) //最常用，获取满足指定选择器所有元素。
   DOM对象常用属性和方法
   console.log
   console.dir:输出属性和行为
   1.tagName
   2.id
   3.innerText:获取纯文本
   4.innerHtml:获取超文本
   5.className：
   6.classList：
   7.style:获取行内样式
   8.onxxx：
   9：value：表单的值

<div id="mydiv" class="box red" style="font-size: 20px;width: 30px;">222</div>
        <script type="text/javascript">
            var mydiv=document.getElementById("mydiv");
            console.dir(mydiv);
            console.log(mydiv.tagName);
            console.log(mydiv.innerText);
            console.log(mydiv.classList.length);
            console.log(mydiv.className);
            console.log(mydiv.style.fontSize);//console.log(mydiv.style["font-size"])
        </script>

Window.getComputedStyle 获取指定dom对象的计算过的样式。
windows是bom对象