用DOM方法取页面元素,注释为运行效果
<html>
<head>
<title>study</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<script type="text/javascript" language="javascript">
<!--
function serchDOM(){
var oli=document.getElementsByTagName("li");
alert(oli.length+" "+oli[3].childNodes[0].nodeValue+" "+oli[2].tagName); //6 JSP.NET LI
var oul=document.getElementsByTagName("ul");
var oli2=oul[1].getElementsByTagName("li");
alert(oli2.length+" "+oli2[1].tagName+" "+oli2[0].childNodes[0].nodeValue); //3 LI JSP.NET
var oli3=document.getElementById("cssli");
alert(oli3.tagName+" "+oli3.childNodes[0].nodeValue); //LI CSS
}
-->
</script>
</head>
<body οnlοad="serchDOM()">
<ul>客户端语言
<li>HTML</li>
<li>JAVASCRIPT</li>
<li id="cssli">CSS</li>
</ul>
<ul>服务器端语言
<li>JSP.NET</li>
<li>ASP</li>
<li>PHP</li>
</ul>
</body>
</html>
<html>
<head>
<title>study</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
<script type="text/javascript" language="javascript">
<!--
function serchDOM(){
var oli=document.getElementsByTagName("li");
alert(oli.length+" "+oli[3].childNodes[0].nodeValue+" "+oli[2].tagName); //6 JSP.NET LI
var oul=document.getElementsByTagName("ul");
var oli2=oul[1].getElementsByTagName("li");
alert(oli2.length+" "+oli2[1].tagName+" "+oli2[0].childNodes[0].nodeValue); //3 LI JSP.NET
var oli3=document.getElementById("cssli");
alert(oli3.tagName+" "+oli3.childNodes[0].nodeValue); //LI CSS
}
-->
</script>
</head>
<body οnlοad="serchDOM()">
<ul>客户端语言
<li>HTML</li>
<li>JAVASCRIPT</li>
<li id="cssli">CSS</li>
</ul>
<ul>服务器端语言
<li>JSP.NET</li>
<li>ASP</li>
<li>PHP</li>
</ul>
</body>
</html>