1. 节点属性
- Node.nodeName // 返回节点名称, 只读
- Node.nodeType // 返回节点类型的常数值, 只读
- Node.nodeValue // 返回 Text 或 Comment 节点的文本值, 只读
- Node.textContent // 返回当前节点和它的所有后代节点的文本内容, 可读写
- Node.baseURI // 返回当前网页的绝对路径
- Node.ownerDocument // 返回当前节点所在的顶层文档对象, 即 document
- Node.nextSibling // 返回紧跟在当前节点后面的第一个兄弟节点
- Node.previousSibling // 返回当前节点前面的, 距离最近的一个兄弟节点
- Node.parentNode // 返回当前节点的父节点
- Node.parentElement // 返回当前节点的父 Element 节点
- Node.childNodes // 返回当前节点的所有子节点
- Node.firstChild // 返回当前节点的第一个子节点
- Node.lastChild // 返回当前节点的最后一个子节点
- //parentNode 接口
- Node.children // 返回指定节点的所有 Element 子节点
- Node.firstElementChild // 返回当前节点的第一个 Element 子节点
- Node.lastElementChild // 返回当前节点的最后一个 Element 子节点
- Node.childElementCount // 返回当前节点所有 Element 子节点的数目
2. 操作
- Node.appendChild(node) // 向节点添加最后一个子节点
- Node.hasChildNodes() // 返回布尔值, 表示当前节点是否有子节点
- Node.cloneNode(true); // 默认为 false(克隆节点), true(克隆节点及其属性, 以及后代)
- Node.insertBefore(newNode,oldNode) // 在指定子节点之前插入新的子节点
- Node.removeChild(node) // 删除节点, 在要删除节点的父节点上操作
- Node.replaceChild(newChild,oldChild) // 替换节点
- Node.contains(node) // 返回一个布尔值, 表示参数节点是否为当前节点的后代节点.
- Node.compareDocumentPosition(node) // 返回一个 7 个比特位的二进制值, 表示参数节点和当前节点的关系
- Node.isEqualNode(noe) // 返回布尔值, 用于检查两个节点是否相等. 所谓相等的节点, 指的是两个节点的类型相同, 属性相同, 子
节点相同.
- Node.normalize() // 用于清理当前节点内部的所有 Text 节点. 它会去除空的文本节点, 并且将毗邻的文本节点合并成一个.
- //ChildNode 接口
- Node.remove() // 用于删除当前节点
- Node.before() //
- Node.after()
- Node.replaceWith()
Document 节点属性
- document.doctype //
- document.documentElement // 返回当前文档的根节点
- document.defaultView // 返回 document 对象所在的 Windows 对象
- document.body // 返回当前文档的 < body > 节点
- document.head // 返回当前文档的 < head > 节点
- document.activeElement // 返回当前文档中获得焦点的那个元素.
- // 节点集合属性
- document.links // 返回当前文档的所有 a 元素
- document.forms // 返回页面中所有表单元素
- document.images // 返回页面中所有图片元素
- document.embeds // 返回网页中所有嵌入对象
- document.scripts // 返回当前文档的所有脚本
- document.styleSheets // 返回当前网页的所有样式表
- // 文档信息属性
- document.documentURI // 表示当前文档的网址
- document.URL // 返回当前文档的网址
- document.domain // 返回当前文档的域名
- document.lastModified // 返回当前文档最后修改的时间戳
- document.location // 返回 location 对象, 提供当前文档的 URL 信息
- document.referrer // 返回当前文档的访问来源
- document.title // 返回当前文档的标题
document.characterSet 属性返回渲染当前文档的字符集, 比如 UTF-8,ISO-8859-1.
- document.readyState // 返回当前文档的状态
- document.designMode // 控制当前文档是否可编辑, 可读写
- document.compatMode // 返回浏览器处理文档的模式
- document.cookie // 用来操作 Cookie
Document 节点的方法
- ```JavaScript
- //1. 读写方法
- document.open() // 用于新建并打开一个文档
- document.close() // 不安比 open 方法所新建的文档
- document.write() // 用于向当前文档写入内容
- document.writeIn() // 用于向当前文档写入内容, 尾部添加换行符.
- //2. 查找节点
- document.querySelector(selectors) // 接受一个 CSS 选择器作为参数, 返回第一个匹配该选择器的元素节点.
- document.querySelectorAll(selectors) // 接受一个 CSS 选择器作为参数, 返回所有匹配该选择器的元素节点.
- document.getElementsByTagName(tagName) // 返回所有指定 html 标签的元素
- document.getElementsByClassName(className) // 返回包括了所有 class 名字符合指定条件的元素
- document.getElementsByName(name) // 用于选择拥有 name 属性的 HTML 元素 (比如
- ,
来源: http://www.bubuko.com/infodetail-2959412.html