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("")

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值