关于Document类型的总结

Document类型

Document节点具有以下特征:

  1. nodeType —— 9
  2. nodeName —— #document
  3. nodeValue —— null
  4. parentNode —— null
  5. ownerDocument —— null
  6. 其子节点可能是一个Document(最多一个)、Element(最多一个)、ProcessingInstruction或Comment

一、文档的子字节

还有两个内置的访问其子节点的快捷方式

  1. documentElement :始终只想< html >
  2. childNodes :访问文档元素

二、文档信息

  1. < title > :显示在浏览器窗口的标题栏或者标签页上
    var originalTitle = document.title;//获得文档标题
    document.title = "New page title";//设置文档标题
  2. URL :包含页面完成的URL(即地址中显示的URL)
  3. domain :只包含页面的域名(若设置松散的域名,便不能设置紧绷的域名)
  4. referrer :保存着链接到当前页面的那个页面的URL

其中2和3是相互关联的,在2、3、4中,只有domain是可以设置的,但并非可以设置任何值。若URL只包含一个子域名,例如:www.aaa.com,那么domain只能设置为aaa.com,且不能将这个属性设置为URL中不包含的域。但如果URL的值为http://www.aaa.com/bbb/ccc/,那么domain就等于www.aaa.com(可更改)。

三、查找元素

  1. getElementById() :接收一个参数——要获得的元素的ID,并返回相应元素或null
  2. getElementsByTagName() :接收一个参数——要取得元素的标签名,并返回的是包含零或多个元素的NodeList。在HTML文档中,该方法会返回一个*HTMLCollection对象,作为一个动态集合。
  3. getElementsByName() :只有HTMLDocument支持使用,并返回带有带有给定name特性的所有元素,也会返回一个HTMLCollection对象

*可以通过方括号语法或者item()方法来访问对象中的项,还可以使用nameItem()通过元素name的特性获得集合的项;此外,它还支持按名称来访问项。

想要获得文档中的所有元素,可以向getElementByTagName()中传入“*”。
(在JS和CSS中,星号(*)通常表示“全部”)

四、特殊集合

  1. document.anchors :包含文档中所有带有name特性的< a >元素;
  2. document.forms:包含所有文档中所有的< form >元素;
  3. document.imges :包含文档中所有的< img >元素,与document.getElementsByTagName(“img”)得到的结果相同;
  4. document.links :包含文档中所有带href特性的< a >元素。

五、文档的写入

  1. write() —— 原样写入
  2. writeln() —— 末尾添加(\n)
  3. open() —— 打开网页的输入流
  4. close() —— 关闭

1和2值接受一个字符串,即写到输出流的文本

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值