Document类型知识⼤全
Document类型
1.⽂档的⼦节点
Document类型可以表⽰HTML页⾯或者其他基于XML的⽂档。不过，最常见的应⽤还是作为HTMLDocument实例的document对象。通过这个⽂档对象，不仅可以取得与页⾯有关的信息，⽽且还能操作页⾯的外观及其底层结构。
虽然DOM标准规定Document节点的⼦节点可以是DocumentType、Element、ProcessingInstruction或Comment，但还有两个内置的访问其⼦节点的快捷⽅式。第⼀个就是documentElement属性，该属性始终指向HTML页⾯中的<html>元素。另⼀个就是通过childNodes列表访问⽂档元素，但通过documentElement属性则能更快捷、更直接地访问该元素。
作为HTMLDocument的实例，document对象还有⼀个body属性，直接指向<body>元素。因为开发⼈员经常要使⽤这个元素，所以document.body在JavaScript代码中出现的频率⾮常⾼，
2.查元素
说到最常见的DOM应⽤，恐怕就要数取得特定的某个或某组元素的引⽤，然后再执⾏⼀些操作了。取得元素的操作可以使⽤document对象的⼏个⽅法来完成。其中，Document类型为此提供了两个⽅法：getElementById()和getElementsByTagName()。
第⼀个⽅法，getElementById()，接收⼀个参数：要取得的元素的ID。如果到相应的元素则返回该元素，如果不存在带有相应ID的元素，则返回null。注意，这⾥的ID必须与页⾯中元素的id特性（attribute）严格匹配，包括⼤⼩写。html document是什么
IE8及较低版本不区分ID的⼤⼩写，因此"myDiv"和"mydiv"会被当作相同的元素ID。
如果页⾯中多个元素的ID值相同，getElementById()只返回⽂档中第⼀次出现的元素。IE7及较低版本还为此⽅法添加了⼀个有意思的“怪癖”：name 特性与给定 ID匹配的表单元素（<input>、<textarea>、<button>及<select>）也会被该⽅法返回。如果有哪个表单元素的name 特性等于指定的ID，⽽且该元素在⽂档中位于带有给定ID的元素前⾯，那么IE就会返回那个表单元素。
为了避免IE中存在的这个问题，最好的办法是不让表单字段的name特性与其他元素的ID相同。另⼀个常⽤于取得元素引⽤的⽅法是getElementsByTagName()。这个⽅法接受⼀个参数，即要取得元素的标签名，⽽返回的是包含零或多个元素的NodeList。在HTML⽂档中，这个⽅法会返回⼀个HTMLCollection对象，作为⼀个“动态”集合，该对象与NodeList⾮常类似。
对HTMLCollection⽽⾔，我们可以向⽅括号中传⼊数值或字符串形式的索引值。在后台，对数值索引就会调⽤item()，⽽对字符串索引就会调⽤namedItem()。
要想取得⽂档中的所有元素，可以向getElementsByTagName()中传⼊"*"。在JavaScript及CSS中，星号（*）通常表⽰“全部”。
第三个⽅法，也是只有HTMLDocument类型才有的⽅法，是getElementsByName()。顾名思义，这个⽅法会返回带有给定name特性的所有元素。最常使⽤getElementsByName()⽅法的情况是取得单选按钮；为了确保发送给浏览器的值正确⽆误，所有单选按钮必须具有相同的name特性，与getElementsByTagName()类似，getElementsByName()⽅法也会返回⼀个HTMLCollectioin。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。