一、祖先接口 Node, 及他的扩展接口 EventTarget
Node 是一个接口,许多 DOM 类型从这个接口继承,并允许类似地处理(或测试)这些各种类型。
以下接口都从 Node 继承其方法和属性:
, , (which , , and inherit), , , , , ,
在方法和属性不相关的特定情况下,这些接口可能返回 null。它们可能会抛出异常 - 例如,当将子节点添加到没有子节点的节点类型时。
EventTarget 是一个由可以接收事件的对象实现的接口,并且可以为它们创建侦听器。
, 和 是最常见的事件目标,但是其他对象也可以是事件目标,比如,, 等等。
许多事件目标(包括元素,文档和 window)还支持通过 on... 属性和属性设置。
二、document 接口
Document 接口表示在浏览器中加载的任何网页,并作为到网页内容的入口点,这是 。 DOM 树包括诸如 和 之类的元素,其他。其也为文档(document)提供了全局性的函数,例如获取页面的 URL、在文档中创建新的 element 的函数。它为文档提供全局的函数,像如何获取页面的 URL 和在文档中创建新的元素。
接口也继承自 及 接口。
- Document
- 三、查找dom API
- 三种返回形式:html,HTMLcollection,HTMLlist
- div{border: 1px solid #000;}
- 123
- // https://developer.mozilla.org/zh-CN/docs/web/API/Document
- // https://developer.mozilla.org/zh-CN/docs/Web/API/Element
- /*
- Document接口表示在浏览器中加载的任何网页,并作为到网页内容的入口点,这是 DOM 树。
- DOM树包括诸如<body> 和 <table>之类的元素,其他等等。其也为文档(document)提供了全局性的函数,例如获取页面的URL、在文档中创建新的 element 的函数。它为文档提供全局的函数,像如何获取页面的URL和在文档中创建新的元素。
- */
- // 1、老ie会获得 name
- // 2、返回 第一个的html
- var js_id=document.getElementById('js_id');
- console.log(js_id)
- // 类似于jquery $, 但只返回第一个选择器匹配的html IE8+
- var js_selector=document.querySelector('#js_id');
- console.log(js_selector)
- // HTMLCollection是一个特殊的NodeList,表示包含了若干元素(元素顺序为文档流中的顺序)的通用集合是element的集合,它是实时更新的
- // 返回一个集合 HTMLcollection IE9+
- var js_class=document.getElementsByClassName('js-class');
- console.log(js_class)
- var js_div=document.getElementsByTagName('div')
- console.log(js_div)
- // dovument.forms 是属性
- var js_forms=document.forms
- console.log(js_forms)
- // NodeList 对象是一个节点的集合,
- // 返回noteList 是node的集合
- var js_name=document.getElementsByName('js-name')
- console.log(js_name)
- var js_selector_all=document.querySelectorAll('.js-class')
- console.log(js_selector_all)
- // 集合下 寻找 document 是整个html文档 -> html下才能使用 element方法API
- console.log(js_id.querySelector('div')) //<div>123</div>
- // console.log(js_class.querySelector('div')) error
- // console.log(js_name.querySelector('div')) error
http://blog.csdn.net/hj7jay/article/details/53389522
来源: http://www.cnblogs.com/blog-index/p/6629528.html