DOM的所有对象会在页面打开时,由浏览器页面创建。
浏览器把dom定点对象Document对像的引用交给了window对象。
1.document对象的获得
var doc = window.document;
也可以忽略window. ,直接document
2. element对象的获得
<div id="one" class="two" name="three"></div>
- 获得div封装成的element对象
var div1 = document.getElementsByTagName("div")[0];
返回的是数组,但是这条语句必须放到div的后边,因为这些都是解释类型的语言,不进行编 译,他并不知道后面会发生什么。
- 如果获得div标签时,有id存在,则
var div2 = document.getElementById("one");
- 如果有class也可以,在页面中class属性可能有多个,所以返回值是一个数组。
根据class属性获得div
var div3=document.getElementsByClassName("two")[0];
- 根据name属性获得div:
var div4 = document.getElementsByName("three")[0];