国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

document.all與getElementById、getElementsByName、getElementsByTagName用法區別-document.all第1/2頁

2019-11-21 01:31:22
字體:
來源:轉載
供稿:網友

理解這句話可看以下:
例1(這個可以讓你理解文檔中哪些是對象)
  


[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]

  輸出結果:
復制代碼 代碼如下:

  Example Heading
  This is a paragraph. It is only a paragraph.
  Yet another paragraph.
  This final paragraph has special emphasis.
  document.all.length=18
  document.all[0]=!
  document.all[1]=HTML
  document.all[2]=HEAD
  document.all[3]=TITLE
  document.all[4]=META
  document.all[5]=BODY
  document.all[6]=H1
  document.all[7]=HR
  document.all[8]=P
  document.all[9]=EM
  document.all[10]=EM
  document.all[11]=P
  document.all[12]=EM
  document.all[13]=P
  document.all[14]=EM
  document.all[15]=EM
  document.all[16]=HR
  document.all[17]=SCRIPT

可以通過ID,NAME或INDEX屬性訪問某個具體的元素
例2(訪問一個特定元素)
復制代碼 代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
  <html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  <title>單擊DIV變色</title>
  <style type="text/css">
  <!--
  #docid{
  height:400px;
  width:400px;
  background-color:#999;}
  -->
  </style>
  </head>
  <body><div id="docid" name="docname" onClick="bgcolor()"></div>
  </body>
  </html>
  <script language="javascript" type="text/javascript">
  <!--
  function bgcolor(){
  document.all[7].style.backgroundColor="#000"
  }
  -->
  </script>
  上面的這個例子讓你了解怎么訪問文檔中的一個特定元素,比如文檔中有一個DIV
  <div id="docid" name="docname"></div>,你可以通過這個DIV的ID,NAME或INDEX屬性訪問這個DIV:
  document.all["docid"]
  document.all["docname"]
  document.all.item("docid")
  document.all.item("docname")
  document.all[7]
  document.all.tags("div")則返回文檔中所有DIV數組,本例中只有一個DIV,所以用document.all.tags("div")[0]就可以訪問了。

可以用document.all["元素名"].屬性名="屬性值"來動態改變元素的屬性。用這條語句,可以做出許許多多動態網頁效果,如:動態變換圖片、動態改變文本的背景、動態改變網頁的背景、動態改變圖片的大小、動態改變文字的大小各顏色等等
[code]
<script language="JavaScript">
function cardClick(cardID){
var obj;
for (var i=1;i<7;i++){
obj=document.all("card"+i);
obj.style.backgroundColor="#3A6EA5";
obj.style.color="#FFFFFF";
}
obj=document.all("card"+cardID);
obj.style.backgroundColor="#FFFFFF";
obj.style.color="#3A6EA5";

for (var i=1;i<7;i++){
obj=document.all("content"+i);
obj.style.display="none";
}
obj=document.all("content"+cardID);
obj.style.display="";
}
</script>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 曲阳县| 吴旗县| 友谊县| 丰宁| 三河市| 米泉市| 焦作市| 闻喜县| 临朐县| 湛江市| 甘谷县| 庆阳市| 胶州市| 永年县| 河津市| 凤台县| 沁源县| 灯塔市| 白河县| 泉州市| 宁南县| 盈江县| 鲁甸县| 民和| SHOW| 吐鲁番市| 靖江市| 古田县| 乌拉特后旗| 治县。| 安化县| 即墨市| 鄯善县| 嘉黎县| 大洼县| 长汀县| 横峰县| 邵东县| 石阡县| 辉县市| 蒙自县|