js学习笔记-DOM节点层次-Document类型

最新推荐文章于 2022-07-16 22:55:29 发布

sunxiaolinlinx

最新推荐文章于 2022-07-16 22:55:29 发布

阅读量182

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.youkuaiyun.com/sunxiaolinlinx/article/details/107770580

javascript 专栏收录该内容

19 篇文章

订阅专栏

本文深入讲解了使用JavaScript操作文档的基本方法，包括文档的子节点访问、文档信息获取、元素查找技巧以及DOM一致性检查等核心内容。同时，还介绍了文档写入的常用API，如write()、open()和close()函数的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

js通过

Document类型

表示文档。
nodeType = 9;
nodeName = “#document”;

一、文档的子节点

Doument节点的子节点可以是：DocumentType、Element、ProcessingInstruction、Comment。
访问子节点快捷方式

documentElement指向html页面的<html>元素
通过childNodes列表访问文档元素。
如：

<html>
<body></body>
</html>

var html = document.documentElement     //<html>标签的引用
alert（html = document.childNodes[0]）   //true
alert (html = document.firstChild)      //true

body属性可以直接访问body

var body = document.body  //所有浏览器都支持

document.doctype
不同浏览器支持差别很大。

二、文档信息

取得文档信息document.title
取得完整的URL：document.URL
取得域名：document.domain 如果把两个页面的domain设置为相同值，这两个页面就可以互相访问对方包含的javascript对象。

三。查找元素

getElementById() IE7及更低版本也会返回name匹配的input元素。
getElementByTagName() 返回一个动态合集。HTMLcollection对象。这个对象有个方法nameditem(),可以取得集合中的项

<html>
<p></p>
<p></p>
<p></p>
<p name="myname"></p>
</html>

var p= document.getElementByTagName("p);
p.namedItem("myname") //是name为myname的p元素

getElementByName()返回带有给定name特性的所有元素
4、DOM一致性检查
document.implementation属性，的方法hasFeature(),
5、文档写入
write()
接受一个字符串，即要写进输出流中的文字，
还可以动态的包含外部资源
如果文档加载完毕后再调用write，输出的内容将重写整个页面。