2018-07-19课堂笔记(document文档节点)

这个数行返回的是doctype的节点
首先先把这个属性变量,然后在控制台显示,如果有这个标签会返回,如果没有这个标签就会返回null,
第四行是返回的document.doctype的名字,返回的结果是html

document.doctype//获取doctype节点
        var doctype=document.doctype
        console.log(doctype)//""    没有返回null
        console.log(doctype.name)//"html"

这个属性返回的是当前文档根节点,但一般是html

console.log(document.documentElement)//返回当前文档的根节点,一般是html

这两个属性返回的是body/head标签,这两个属性总是会存在的,如果其中没有这两个标签,浏览器会自动创建并返回,

console.log(document.body)//返回body标签
console.log(document.head)//返回head标签      这两个属性总是存在的,如果省略了或

这个属性返回的是当前文档所有设定了href属性的及节点,
下面的是把整个网页中的所有设定了href属性的标签遍历一遍

console.log(document.links)//返回当前文档所有设定了href属性的及节点.
//打印文档所有的链接
var links=document.links
for(var i=0;i

这个属性返回的是当前文档的form表单节点,可通过下标,name名或id名来准确选中

console.log(document.forms)//返回当前文档所有的form表单节点    可通过下标,name或id名来准确选中
//代码如下

document.forms[0]===document.forms.foo//true
document.forms.bar===document.forms.foo//true

这个属性返回的是当前页面所有的img图片,同样可通过for循环来遍历

console.log(document.images)//返回页面所有的img图片节点,可通过for循环遍历,他同样也是

返回当前文档的标题,可读可写

console.log(document.title)//返回当前文档的标题,可读可写

返回当前文档的编码方式如:UTF-8

console.log(document.charset)//返回当前文档的编码方式

创建文本节点

document.createTextNode('我是文本')

创建注释节点

document.createComment('我是注释')

创建属性节点,第一行建立,第二行是给新建这个id属性赋值他的名字,第三行是给选中的元素节点附加这个属性节点

var a=document.createAttribute('id')
        a.value = 'newVal'
        div.setAttributeNode(a)

终于完活了!!! 明天就开始复习啦,我也该复习了,这几天往脑子里装的东西快把脑子弄炸了,等我们开新课,在更新.