document节点

document节点对象是文档的根节点,
每张网页都有自己的document对象。window.document属性就指向这
个对象。只要浏览器开始载入 HTML 文档,该对象就存在了,可以直接使用。

document节点的属性
document.doctype获取doctype节点(获取文档类型节点)
(如果该网站没有声明文档类型.则返回null)

console.log(document.doctype)           //<!doctype html>   
console.log(document.doctype.name)      //html(声明的方式)

document.documentElement返回当前文档的根节点。一般是html(获取的是元素)

console.log(document.documentElement)   //获取html元素
console.log(document.body)              //获取body元素
console.log(document.head)              //获取head元素

document.links
返回当前文档所有设定了href属性的<a>。
打印文档所有的链接

document.forms 返回当前文档所有的form表单节点

console.log(document.forms[0] === document.forms.foo)   // true
console.log(document.forms.bar=== document.forms.foo)   //true
//3种方法

document.images
返回页面所有的img图片节点(伪数组nodelist数据)

document.title
返回当前文档的标题,可读可写。

document.charset
返回当前文档的编码方式

document的方法
获取元素的方法
var div = document.getElementById("")
var div = document.getElementsByClassName("")
var div = document.getElementsByTagName("")
var div = document.querySelector(".div")
获取一个,如果有很多,就获取第一个
var aDiv = document.querySelectorAll(".div>p")
获取所有满足括号里选择器的数据,跟class差不多,不加下标得遍历

创建元素的方法
创建元素节点
document.createElement()
创建文本节点
document.createTextNode()
创建注释节点
document.createComment()
document.createComment方法的参数是一个字符串,会成为注释节点的内容。
创建属性节点
document.createAttribute("")

猜你喜欢

转载自blog.csdn.net/qq_42669658/article/details/81808929