页面中特殊节点的获取

251 阅读1分钟

获取html节点:document.documentElement属性

console.log(document.documentElement);

获取body节点:document.body属性

console.log(document.body)

获取head节点:document.head属性

console.log(document.head)

获取或设置title节点:document.title或document.title=值

console.log(document.title)
document.title='hello';

文档节点:document,也可以使用元素节点的ownerDocument属性获取文档节点

console.log(document)
console.log(document.body.ownerDocument)

document对象的属性

1、documentURL:html文档地址
2、URL:html文档地址
3、domain:返回地址中的域名部分 4、lastModified:返回文档上一次修改的时间
5、location:返回location对象,该对象用来操作url地址,包含如下属性和方法
a.href属性:获取或设置当前地址,能够利用它来实现页面跳转
b.assign方法:设置url地址,格式:document.location.assign('地址‘)
注意:href属性盒assign方法在实现页面跳转是都会产生浏览记录
如果要实现页面跳转,处理用上面的href属性和assign方法,还可以使用window对象的location属性来进行跳转,window。loaction=‘新的地址’ 6、readyState属性:返回的是页面加载的状态,包含三种状态
A)loading:表示正在加载html文档,并解析
B)interactive表示正在加载外部资源
C)complete:表示整个文档加载完毕
如果要看到上面的效果可以 1.先在NetWork选项卡下面将网速调为slow3G
2.重新刷新页面
3.写在控制台输入:setInterval(function(){ console.log(document.readyStyate)}100)

console.log(document.documentURI)
console.log(document.URL)
console.log(document.domain)
console.log(document.lastModified)
console.log(docunmet.location)
console.log(docunmet.location.href)

document.location.assign('www.baidu.com'); window.location='www.baidu.com';

console.log(document.readyState)

anchors:获取页面中所有的具有name属性的超链接

console.log(document.anchors)

from:获取页面中所有from节点

console.log(document.froms)

images获取页面中所有的img节点

console.log(document.images)

links:获取页面中所有的herf节点

console.log(document.links)

scripts:获取页面中所有的script节点

console.log(document.scripts)

文档类型声明:document.doctype属性

console.log(document.doctype)