document 对象特点

当浏览器载入 HTML 文档，它就会成为 Document 对象，即是 HTML 文档的根节点， Document 对象可以从 JavaScript 中对 HTML 页面中的所有元素进行访问；

Document 对象是 Window 对象的一部分，可通过 window.document 属性对Document 对象自身进行访问；

Document 对象的属性和方法的使用与 element 对象相同。

element 对象特点

元素对象 代表着一个 HTML 元素。

NodeList 对象 代表了节点列表，类似于 HTML元素的子节点集合

属性节点 即是元素的属性。

方法	描述
	创建空的 DocumentFragment 对象，并返回此对象。
	创建元素节点。
document.write()	向文档写 HTML 表达式或 JavaScript 代码。
document.writeln()	等同于 write() 方法，不同的是在每个表达式之后写一个换行符。
document.getElementById()	返回对拥有指定 id 的第一个对象的引用，如：document.getElementById(“demo”) ，没有指定 ID 时返回 null，多个指定 ID 返回 undefined。
document.getElementsByName()	返回带有指定名称的对象的集合
document.getElementsByTagName()	返回带有指定标签名的对象集合，`element.getElementsByTagName()` 返回指定标签名的所有子元素集合。
document.getElementsByClassName()	返回文档中所有指定类名的元素集合，作为 NodeList 对象，`element. getElementsByClassName()` 返回指定的 element 中所有指定类名的元素集合，作为 NodeList 对象。
	创建一个属性节点
element.removeAttribute()	从元素中删除指定的属性
element.getAttribute()	返回指定元素的属性值
element.getAttributeNode()	返回指定属性节点
element.setAttribute()	设置或者改变指定属性值
element.setAttributeNode()	设置或者改变指定属性节点
	向文档添加句柄，可以使用 `document.removeEventListener()`方法来移除 addEventListener() 方法添加的事件句柄。使用 `element.addEventListener()` 方法为指定`元素`添加事件句柄。
	移除文档中的事件句柄，`element.removeEventListener()` 移除指定元素的事件句柄
document.createTextNode()	创建文本节点。
element.appendChild()	为元素添加一个新的子元素
	克隆某个元素，返回这个节点的副本（包括属性）。如果deep的值为true，则复制所有包含的节点；否则只复制这个节点
	设置文档或元素获取焦点，为元素设置焦点（如果可以设置）。提示：使用 `.blur()` 方法来移除元素焦点。
element.hasChildNodes()	返回一个元素是否具有任何子元素
element.insertBefore(`newChild,refChild`)	在现有节点 refChild 之前插入节点 newChild
element.removeChild(`oldChild`)	删除一个子元素，将子节点列表中的子节点 oldChild 删除，并返回 oldChild 节点
element.replaceChild(`newChild，oldChild`)	替换一个子元素，将子节点列表中的子节点 oldChild 换成 newChild，并返回 oldChild 节点

属性	描述
document.embeds	返回文档中所有嵌入的内容（embed）集合，`var x = document.embeds.length;` 可以计算HTML中嵌入了多少个`<embeds>` 元素
document.forms	返回对文档中所有 Form 对象引用，`document.write(document.forms.length);`可以返回文档中表单数量
	返回文档的body元素
document.images	返回当前文档中所有图片的数组
element.attributes	返回一个元素的属性数组
element.childNodes	返回元素的一个子节点的数组
element.children	返回元素的子元素的集合
element.classList	返回元素的类名，作为 DOMTokenList 对象。add()增添类，contains()判断是否包含类，remove() 移除类
element.innerHTML	设置或者返回元素的内容
element.firstChild	返回元素的第一个子节点
element.lastChild	返回的最后一个子元素
element.nextSibling	返回该元素紧跟的一个节点
element.nextElementSibling	返回指定元素之后的下一个兄弟元素（相同节点树层中的下一个元素节点）。
element.nodeName	返回元素的标记名（大写，只读）。`元素节点`的 nodeName 与标签名相同，`属性节点`的 nodeName 与属性名相同，`文本节点`的 nodeName 始终是 #text，`文档节点`的 nodeName 始终是 #document
element.nodeType	返回元素的节点类型，元素类型NodeType；`元素：1，属性：2，文本：3，注释：8，文档：9`
element.nodeValue	返回元素的节点值， `元素节点`的 nodeValue 是 undefined 或 null ，`文本节点`的 nodeValue 是文本本身，`属性节点`的 nodeValue 是属性值
element.parentNode	返回元素的父节点
element.previousSibling	返回某个元素紧接之前元素
element.previousElementSibling	返回指定元素的前一个兄弟元素（相同节点树层中的前一个元素节点）
element.textContent	设置或返回一个节点和它的文本内容，设置节点文本内容:`node.textContent=text`；返回节点文本内容:`node.textContent`
element.className	设置或返回元素的 class 属性

			
   								
      
    China
 
    English
 
    Australia

转载地址：http://whhwi.baihongyu.com/

你可能感兴趣的文章

ClickHouse集群搭建从0到1

查看>>

nginx实现请求的负载均衡 + keepalived实现nginx的高可用

查看>>

linux shell 中数组的定义和for循环遍历的方法

查看>>

求1！+2！+3！....+20!(java代码)

查看>>

VMware安装Ubuntu系统无法选择语言

Ubuntu 18.04.2 ulimit配置

现场直击｜SequoiaDB@SIGMOD 2021：关注数据库的根科技存储技术

查看>>

赋能政企智慧办公，巨杉数据库与致远互联完成产品互认证

查看>>

SequoiaDB湖仓一体架构亮相 ACM SIGMOD 2021

查看>>

信通院发布第十二批大数据产品能力评测结果，巨杉数据库两款产品通过

查看>>

巨杉数据库荣获2020年度河南省科学技术进步奖

查看>>

湖仓一体提升管理效率培育数据沃土

查看>>

报名启动！巨杉数据库 2021 湖仓一体技术大赛带你进入分布式技术的星辰大海

查看>>