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

本文深入讲解了使用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,输出的内容将重写整个页面。
document.write("sxl")
  • writein() 在字符串末尾加一个换行符
document.writeIn("sxl")
  • open()打开网页输出流
  • close()关闭网页输出流
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值