获取HTMl文件制定的元素

<html>
<head>
<title>获取HTML文件的指定元素</title>
<script language="JavaScript">
function getElement1(){
   alert(document.all("myH2").tagName);
}
function getElement2(){
   alert(myH2.tagName);
}
function showTags(){
   alert(document.all.tags("P").length);
}
function showItems(){
   var strTags = "";
   for (var i=0; i<document.all["myTag"].length; i++){
      objEle = document.all("myTag").item(i);
      strTags += objEle.tagName + " ";
   }
   alert(strTags);
}
</script>
</head>
<body id="myBody">
<h2 id="myH2">获取HTML文件的指定元素</h2>
<hr>
<p id="myTag">获取<b id="myTag">HTML</b>文件的元素Body</p>
<p id="myTag">获取<b>HTML</b>文件的元素H2</p>
<h3 id="myTag">获取<b>HTML</b>文件的元素P</h3>
<form>
<input type="button" onclick="getElement1()" value="获取指定的元素">
<input type="button" onclick="getElement2()" value="获取指定的元素">
<input type="button" onclick="showTags()" value="多少个P元素">
<input type="button" onclick="showItems()" value="显示myTag元素">
</form>
</body>
</html>


 

posted on 2010-04-21 14:56  wtq  阅读(301)  评论(0编辑  收藏  举报