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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概述 document节点是文档的根节点,每张网页都有自己的document节点。window.document属...
    许先生__阅读 682评论 0 2
  • 一、概述 document节点是整个文档树的顶层节点,每张网页都有自己的document节点。window.doc...
    周花花啊阅读 1,358评论 0 1
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,704评论 1 45
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 9,308评论 0 3
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,798评论 0 8