首頁 > 其他

多個DIV,顯示一個,隱藏其他全部的實現方法

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

function showDiv(div_id,div_name,div_attribute_name)//('comtent_123','div','comtent_div')
{
   var div_names=document.getElementsByTagName(div_name);
   //alert(div_names.length);
   for(var i=0;i<div_names.length;i++)
   {
      var name=div_names.item(i).getAttribute("name");
     
      //alert(name);
      //alert(div_attribute_name);
      //alert(name==div_attribute_name);
      if(name==div_attribute_name)
      {
      //alert(name);
         div_names[i].style.display="none";//隱藏
      }
   }
   document.getElementById(div_id).style.display="";//顯示
}

 

 

<div align="right"> <a href="javascript:void(0);" onclick='javascript:showDiv("comtent_<bean:write name="dcEmBabyCommentsList_List" property="id"/>","div","comtent_div");'>回複</a> | <a href="javascript:void(0);" onclick="javascript:deleteFriend(<bean:write name="dcEmBabyCommentsList_List" property="id"/>);">刪除</a></div>

 

 

 

 

 

http://www.cnblogs.com/zzn/archive/2005/01/07/87722.html

代碼如下，可以儲存為js檔案從頁面中匯入，也可以直接插入到頁面中。

 

<script defer>
 var divs =  document.getElementsByTagName(' div'); 
 var j=0;//廣告全部在因為 div標籤的第一個裡面，所以只需要屏蔽第一個標籤就可以了。
                         //為了避免錯殺無辜，最好在整個檔案或<body>的前面插入一對空的 div標籤。

 divs[j].style.display = " none";
 
 pop211.close(); //子視窗的名為"pop211"
</script>

 

 

 

 

http://faq.csdn.net/read/81927.html

---------------------------
Microsoft Internet Explorer
---------------------------
指令碼無法跨網域作業！
---------------------------
確定  
---------------------------

 

http://topic.csdn.net/t/20021002/18/1069591.html

<div   id=a   name=aa></div>  
  <div   id=b></div>  
  <div   id=c   name=cc></div>  
  <div   id=d   name=dd></div>  
  <script>  
  var   ee=document.getElementsByTagName("DIV");  
  for(var   i=0;   i<ee.length;   i++)  
    alert("DIV   "   +   i   +   "   id="   +   ee.item(i).id   +   ";   name="   +   ee.item(i).getAttribute("name"));  
  </script>  
  注意，name不是div的內建屬性  

 

 

http://zhidao.baidu.com/question/90813706.html

求js代碼，同時替換多個ID相同的DIV的內容 懸賞分：10 - 提問時間2009-3-23 16:14 問題為何被關閉如
<div id="date"></div>
<div id="date"></div>
<div id="date"></div>
<div id="date"></div>

需要一段JS代碼，讓上面的所有DIV都顯示一個內容。
內容是顯示當前的日期。

或者能夠實現此效果的其他方法，謝謝！

問題補充：就是想實現 批量替換 幾個相同的地區，內容顯示為當前日期。

任何可實現的方法都行的。大家想想辦法吧～ 謝謝了！！提問者： wcm113 - 初入江湖 二級 回覆    共 4 條

id的值只能是唯一的．所以一個網頁中不能出現兩個或以上的相同id．改用name吧
<div name="date"></div>
<div name="date"></div>
<div name="date"></div>
<div name="date"></div>
<script language='javascript'>
var myDate = new Date();
var localDate = myDate.toLocaleDateString(); //擷取當前日期;
for(var i=0;i<document.getElementsByNmae('date').length;i++)
{
document.getElementsByNmae('date')[i].innerHTML = localDate ;
}
</script> 回答者： 570851835 - 副總裁 十一級   3-23 17:25

ID是唯一的 你的div全叫DATE 囧 回答者： xlws2002 - 助理 二級   3-26 15:40

<script language='javascript'>
var myDate = new Date();
var localDate = myDate.toLocaleDateString(); //擷取當前日期;
document.getElementById('date').innerHTML = localDate ;
</script>
補充下，div是唯一識別碼，不知道可不可以啊 回答者： 19yiduo86 - 助理 二級   4-6 08:40

我建議你把id 都改成 name, 這樣就可以一次修改了

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More