<!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">
<!--
.마오 {
글꼴 모음: "草体";
글꼴 크기: 18px;
글꼴 스타일: 기울임체;
색상: #0000FF;
}
.노래 {
글꼴 모음: "宋体";
글꼴 크기: 24px;
글꼴 스타일: 기울임체;
색상: #FF00FF;
}
-->
</style>
<스크립트 언어="자바스크립트" 유형="텍스트/자바스크립트">
//------------------
/*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 태그 = pTags[pTag].firstChild;
tagtag.nodeValue = tag.nodeName;
}*/
//------------------
/*var bodyTag = document.getElementsByTagName('body')[0];//遍历子节点
var 태그 = bodyTag.childNodes;
var info = "정보: n"
for(var num = 0;num < tagged.length ;num ++){//IE 는 다른 방식으로 사용되지 않습니다.
var 태그 = 태그[숫자];
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){//当前节点的 back 节点
info += "back: " + temp.nodeName + "n";
temptemp = temp.previousSibling;
}
경고(정보);*/
//------------------
/*var imgTag = document.getElementsByTagName("img")[0];
//imgTag.src = '';
//경고(imgTag.getAttribute('src') )
imgTag.setAttribute("src","
");//修改元素属性
imgTag.setAttribute("title","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>";
}
</script>
</head>
<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="