多个DIV,显示一个,隐藏其他全部的实现方法

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);" οnclick='javascript:showDiv("comtent_<bean:write name="dcEmBabyCommentsList_List" property="id"/>","div","comtent_div");'>回复</a> | <a href="javascript:void(0);" οnclick="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, 这样就可以一次修改了
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值