Document类型
Document节点具有以下特征:
- nodeType —— 9
- nodeName —— #document
- nodeValue —— null
- parentNode —— null
- ownerDocument —— null
- 其子节点可能是一个Document(最多一个)、Element(最多一个)、ProcessingInstruction或Comment
一、文档的子字节
还有两个内置的访问其子节点的快捷方式
- documentElement :始终只想< html >
- childNodes :访问文档元素
二、文档信息
- < title > :显示在浏览器窗口的标题栏或者标签页上
var originalTitle = document.title;//获得文档标题
document.title = "New page title";//设置文档标题 - URL :包含页面完成的URL(即地址中显示的URL)
- domain :只包含页面的域名(若设置松散的域名,便不能设置紧绷的域名)
- 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(可更改)。
三、查找元素
- getElementById() :接收一个参数——要获得的元素的ID,并返回相应元素或null
- getElementsByTagName() :接收一个参数——要取得元素的标签名,并返回的是包含零或多个元素的NodeList。在HTML文档中,该方法会返回一个*HTMLCollection对象,作为一个动态集合。
- getElementsByName() :只有HTMLDocument支持使用,并返回带有带有给定name特性的所有元素,也会返回一个HTMLCollection对象
*可以通过方括号语法或者item()方法来访问对象中的项,还可以使用nameItem()通过元素name的特性获得集合的项;此外,它还支持按名称来访问项。
想要获得文档中的所有元素,可以向getElementByTagName()中传入“*”。
(在JS和CSS中,星号(*)通常表示“全部”)
四、特殊集合
- document.anchors :包含文档中所有带有name特性的< a >元素;
- document.forms:包含所有文档中所有的< form >元素;
- document.imges :包含文档中所有的< img >元素,与document.getElementsByTagName(“img”)得到的结果相同;
- document.links :包含文档中所有带href特性的< a >元素。
五、文档的写入
- write() —— 原样写入
- writeln() —— 末尾添加(\n)
- open() —— 打开网页的输入流
- close() —— 关闭
1和2值接受一个字符串,即写到输出流的文本