认识DOM
文档对象模型(Document Object Model),它是一种与平台和语言无关的应用程序接口(API),它可以动态地访问程序和脚本,更新其内容、结构和www文档的风格。
获取非常规DOM
1.html语法:document.documentElement 2.body语法:document.body 3.head语法:document.head
获取常规DOM
1.通过类名去直接获取标签 var oBox=document.getElementsByClassName('box'); 2.通过标签名去获取标签 var oDidv=document.getElementsByTagName('div'); 3.通过id名去获取标签 var oBox2=document.getElementById('box2'); ==由于id是唯一的,所以只会获取到单标签,但上面两个就算只有一个符合条件也会获取一个伪数组。== 补充:在一个页面中,id应该且要唯一的,当使用元素选择器选择ID的元素的时候,只会匹配到第一个。当采用选择器使用id获取标签时,虽然也可以获取到一个伪数组,但这是浏览器兼容的效果,w3c中规定不能重复。 4.按照选择器的形式获取 var myDiv=document.querySelector('.box') 也可以获取有id的标签 var myDiv=document.querySelector('#div'); 5.按照选择器形式获取伪数组 var myDivs=document.querySelectorAll('.box');