<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>DOM</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<mce:script type="text/javascript"><!--
function test() {
//访问<html/>元素
var oHtml = document.documentElement;
//访问<head/>元素
var oHead = oHtml.firstChild;
/* 也可以用下面方法
var oHead = oHtml.childNodes[0];
var oHead = oHtml.childNodes.item(0);
*/
//访问<body/>元素
var oBody = oHtml.lastChild;
/* 也可以用下面方法
var oBody = oHtml.childNodes[1];
var oBody = oHtml.childNodes.item(1);
var oBody = document.body;
*/
//oHtml,oHead,oBody三者之类的关系
alert(oBody.parentNode == oHtml); //true
alert(oBody.previousSibling == oHead); //true
alert(oHead.nextSibling == oBody); //true
alert(oBody.ownerDocument == document); //true
//getElementsByTagName()返回一个包含所有的tagName特性等于某个指定值的元素的NodeList
var oDiv = document.getElementsByTagName("div");
alert(oDiv[0].tagName); //DIV
var oInput = oDiv[0].getElementsByTagName("input");
alert(oInput[0].tagName); //INPUT
//getElementsByName()获取所有name特性等于指定值的元素
var oRadios = document.getElementsByName("radColor");
for(var i=0;i<oRadios.length;i++) {
if(oRadios[i].checked == true)
alert(oRadios[i].value); //或者用alert(oRadios[i].getAttribute("value"));
}
//getElementById()返回id特性等于指定值的元素
var oDiv2 = document.getElementById("div2");
/*
创建节点，
结果：
<div id="div2"><p id="p1">段落文字</p></div>
*/
var oP = document.createElement("p");
oP.setAttribute("id", "p1");
v
