JavaScript学习-Document类型

1，介绍

• document对象是HTMLDocument(继承自Document类型)的一个实例，表示整个HTML页面。
• document对象是window对象的一个属性，可作为全局对象访问。

2，属性

• documentElement

  • 该属性始终指向元素
  • 示例

  var html = document.documentElement;
  alert(html === document.childNodes[0];//true
  alert(html === document.firstChild); //true

• body

  • 指向元素
  • 示例

  var body = document.body;

• doctype
  
  • 由于浏览器对document.doctype的支持不一致，因此这个属性的用处很有限。
• title
  
  • 获取或修改当前页面的标题
• URL
  
  • 获取包含页面完整的URL
• domain
  
  • 只包含页面的域名
• referrer
  
  • 指向来源页面。

3，方法

• 查找元素的方法，Document类型提供了两个方法getElementById()和getElementsByTagName。

• getElementById()

  • 接收一个参数：要取得的元素ID
  • 示例

  <div id="myDiv">Some text</div>
  var div = document.getElementById("myDiv");//取得<div>元素的引用

• getElementByTagName()
  
  • 元素的标签名
  • 返回包含0个或多个元素的NodeList()，在HTML文档中，这个方法会返回一个HTMLCollection对象，和NodeList对象类似，是一个动态集合。
  • 传入参数“*”，表示全部，返回所有元素
• HTMLDocument类型才有的方法，getElementByName()方法