2018-07-19课堂笔记(document文档节点)
2018-07-19 本文已影响0人
e0013abd041e
这个数行返回的是doctype的节点
首先先把这个属性变量,然后在控制台显示,如果有这个标签会返回<!DOCTYPE html>,如果没有这个标签就会返回null,
第四行是返回的document.doctype的名字,返回的结果是html
document.doctype//获取doctype节点
var doctype=document.doctype
console.log(doctype)//"<!DOCTYOE html>" 没有返回null
console.log(doctype.name)//"html"
这个属性返回的是当前文档根节点,但一般是html
console.log(document.documentElement)//返回当前文档的根节点,一般是html
这两个属性返回的是body/head标签,这两个属性总是会存在的,如果其中没有这两个标签,浏览器会自动创建并返回,
console.log(document.body)//返回body标签
console.log(document.head)//返回head标签 这两个属性总是存在的,如果省略了<head>或<body,浏览器会自动创建>
这个属性返回的是当前文档所有设定了href属性的<a>及<area>节点,
下面的是把整个网页中的所有设定了href属性的标签遍历一遍
console.log(document.links)//返回当前文档所有设定了href属性的<a>及<area>节点.
//打印文档所有的链接
var links=document.links
for(var i=0;i<links.length;i++){
console.log(links[i])
}
这个属性返回的是当前文档的form表单节点,可通过下标,name名或id名来准确选中
console.log(document.forms)//返回当前文档所有的form表单节点 可通过下标,name或id名来准确选中
//代码如下
<form name='foo' id="bar"></form>
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)
终于完活了!!! 明天就开始复习啦,我也该复习了,这几天往脑子里装的东西快把脑子弄炸了,等我们开新课,在更新.
