HTML DOM 学习笔记

没接触时觉得好高深的东西， 解除久了渐渐觉得不过如此，这应该是学习的通常过程。 

使用 document.write() 向输出流写 文本：document.write("<h1>Hello World!</h1>") 

使用 document.write() 向输出流写 HTML：document.write("<h1>Hello World!</h1>")

注意getElementById和getElementsByName取值:

getElementById是单个元素【Element没有加s】

getElementsByName是一个集合【Element加上了s】，例如getElementsByName（"input"）, 如果这时候html页面中有 三个元素的 name = "input", 那么如果想用getElementsByName取第三个input的值，

那么就要这样写：alert(document.getElementsByName("uname")[2].value); 弹出的值就是第三个文本框的

 

document中的open()定义和用法

open() 方法可打开一个新文档，并擦除当前文档的内容。

语法

document.open(mimetype,replace)

参数	描述
mimetype	可选。规定正在写的文档的类型。默认值是 "text/html"。
replace	可选。当此参数设置后，可引起新文档从父文档继承历史条目。

说明

该方法将擦除当前 HTML 文档的内容，开始一个新的文档，新文档用 write() 方法或 writeln() 方法编写。

提示和注释

重要事项：调用 open() 方法打开一个新文档并且用 write() 方法设置文档内容后，必须记住用 close 方法关闭文档，并迫使其内容显示出来。

注释：属于被覆盖的文档的一部分的脚本或事件句柄不能调用该方法，因为脚本或事件句柄自身也会被覆盖。

function createNewDoc()
{
 var newDoc = document.open("test/html","replace");
 var txt = "学习 DOM 非常有趣！";
 newDoc.write(txt);
 newDoc.close();
}

 

<input type="button" value="打开并写入一个新文档" onclick="createNewDoc()"/>