1.概念：
document节点对象是文档的根节点，每张网页都有自己的document对象， window.document属性就指向这个对象，只要浏览器开始载入HTML文档，该对象就存 在了，可以直接使用
2.document节点的属性
document.doctype 获取doctype节点
var doctype = document。Doctype
doctype//”<!DOCTYOE html>”
如果该网站没有声明文档类型（ <!DOCTYOE html>）。则返回null
7181-1.png
3.document节点的属性
document.documentElement属性返回当前文档的根节点 一般是html
4.document 节点属性
document.body document.head
返回文档中的body/head节点
这两个属性总是存在的，如果省去了<head>或者<body>浏览器会自动创建
5.document节点的属性
document.links属性返回当前文档所有设定了href属性的<a>和<area>节点
//打印文档所有的链接
car links = document.links
for(var i = 0;i<links.length;i++){
console.log(links[i])
}
6.document节点的属性
Document.forms返回当前文档的所有form表单节点
/*HTML代码如下
<form name=”foo” id = “bar”></form>
----------------
document.form[0]===document.forms.foo //true
document.forms.bar===document.forms.foo//true
7.document 节点的属性
document.images返回页面所有的img图片节点
8.document 节点的属性
document.title
返回当前文档的标题，可读可写。
9.document 节点的属性
Document.charset
返回当前文档的编码方式
document的方法
1.document.createElement()创建元素节点
2.document.createTextNode()创建一个文本节点
3.document.createComment()创建一个注释节点
a)Document.createComment方法的参数是一个字符串，会成为注释节点的内容。
4.document.creatAttribute()创建属性节点
a)var a = document.createAttribute(‘attr’)
value = ‘newVal’
node.setAttributeNode(a)
//或者
b) node.setAttribute(‘attr’,’newVal’)
7182-2.png
😀
2018.08-19
网友评论