<!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 ">
<頭>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>4.3 DOM存取文件</title>
<樣式類型=“文字/css”>
<!--
.mao{
font-family: "草體";
字體大小:18px;
字體樣式:斜體;
顏色:#0000FF;
}
.歌曲{
font-family: "宋體";
字體大小:24px;
字體樣式:斜體;
顏色:#FF00FF;
}
-->
</風格>
<腳本語言=“javascript”類型=“text/javascript”>
//------------------------------------------------ --------
/*var p3 = document.getElementsByTagName('p')[3];//根據TagName取得元素
p3.className = '歌曲';*/
//------------------------------------------------ --------
/*var p2 = document.getElementById('p2');//根據Id取得元素
p2.className = '歌曲';*/
//------------------------------------------------ --------
/*var p1 = document.getElementsByTagName('p')[0].firstChild;//取得子節點
p1p1.nodeValue = p1.nodeName;//nodeType 中1表示元素結點,3表示文字結點 */
//------------------------------------------------ --------
/*var pTags = document.getElementsByTagName('p');//遍歷 p 元素
for(var pTag = 0;pTag < pTags.length;pTag ++){
var tag = pTags[pTag].firstChild;
tagtag.nodeValue = tag.nodeName;
}*/
//------------------------------------------------ --------
/*var bodyTag = document.getElementsByTagName('body')[0];//遍歷子節點
var 標籤 = bodyTag.childNodes;
var info =“訊息:n”
for(var num = 0;num < tag.length ;num ++){//IE 與其他不同的不會把換行符現有文字節點
var tag = 標籤[編號];
info +="t" + tag.nodeName + "n";
}
警報(訊息);*/
//------------------------------------------------ --------
/*var aHref = document.getElementById('aHref');//遍歷父節點
while(aHref.nodeName != "BODY"){
警報(aHref.nodeName);
aHrefaHref = aHref.parentNode;
}
警報(aHref.nodeName);*/
//------------------------------------------------ --------
/*var p2 = document.getElementById('p2');
var info = "訊息:n";
var 溫度 = p2;
while(temp != null){//目前節點的下一個點
info += "下一個:" + temp.nodeName + "n";
temptemp = temp.nextSibling;
}
溫度=p2;
while(temp != null){//目前節點的後退節點
info += "傳回:" + temp.nodeName + "n";
temptemp = temp.previousSibling;
}
警報(訊息);*/
//------------------------------------------------ --------
/*var imgTag = document.getElementsByTagName("img")[0];
//imgTag.src = '';
//alert(imgTag.getAttribute('src') )
imgTag.setAttribute("src","
");//修改元素屬性
imgTag.setAttribute("職稱","126電子郵件");*/
/*var aHref = document.createElement('a');//建立一個標籤節點
aHref.setAttribute('href','http://g.cn');
var textInfo = document.createTextNode('一首歌');//建立一個文字節點
aHref.appendChild(textInfo);//新增子節點
var aOld = document.getElementsByTagName('a')[1];
var bodyTag = document.getElementsByTagName('body')[0];
bodyTag.replaceChild(aHref,aOld);//替換一個節點
//bodyTag.insertBefore(aHref,aOld);//把aHerf插入到aOld之前
//bodyTag.removeChild(aOld);//刪除節點*/
//------------------------------------------------ --------
函數 funOnload(){
}
函數顯示(){
var hTag = document.getElementsByTagName('h1')[0];
hTag.innerHTML="innerHTML,<a href='http://g.cn' >12345,上山打老虎</a>";
}
</腳本>
</頭>
<body onload="funOnload()">
<p class="mao">顯示1</p>
<p class="mao" id="p2">顯示2</p>
<p class="mao">
<a href="http://qqface.knowsky.com/" id="aHref"> QQ表情</a></p>
<p class="mao">顯示4</p>
<img src="