使用DOM取页面元素的值

来源:互联网 发布:asp购物车源码 编辑:程序博客网 时间:2024/05/17 03:49
用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 onload="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>