为了账号安全,请及时绑定邮箱和手机立即绑定

大神们。一个js如何被多次引用。

<html>


  <head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />



    <script type="text/javascript">

     function  hid(){

            

       var oBtn = document.getElementsByTagName("h1","h2")[0];

        oBtn.style.display="none";

}

     function bb(){

        var bb = document.getElementsByTagName("h1")[0];

        bb.style.display="block";

      };




     

    </script>

  </head>

 

  <body>

    

   <h1> 我晚上我发给哇嘎热的噶说得过去</h1>

    <button  onclick="hid()">点我</button>

    <button onclick="bb()">点她复位</button>


    

  <h2>q都干啥·法大使馆DV阿尔法3</h2>

  <button onclick="hid()">vv</button>


  </body>

</html>

点击h2的vv键隐藏不了h2的内容。。不能被多次引用还是什么问题??求助~~~~~~~

正在回答

5 回答

用法问题 getElementsByTagName()里面不能同时获取两个标签的 你可以改成两个  分两个方法 也可以给h1和h2一样的ID  然后通过获取ID来设置属性的隐藏显示

0 回复 有任何疑惑可以回复我~
#1

仁太

说错了 不是ID 是name
2016-04-26 回复 有任何疑惑可以回复我~
#2

cc超 提问者 回复 仁太

也就是说只要把var oBtn = document.getElementsByTagName("h1","h2")[0];改成 var oBtn = document.getElementsByTagName("h1")[0]; var oBtn = document.getElementsByTagName("h2")[0]; 分开引用?
2016-04-27 回复 有任何疑惑可以回复我~
#3

仁太 回复 cc超 提问者

两个名字不能一样 不然引用会错误
2016-04-27 回复 有任何疑惑可以回复我~
#4

cc超 提问者

非常感谢!
2016-04-27 回复 有任何疑惑可以回复我~
#5

仁太 回复 cc超 提问者

相互学习
2016-04-27 回复 有任何疑惑可以回复我~
查看2条回复

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>单击事件 </title>

<script type="text/javascript">

    var oBtn = document.getElementsByName("h");

     function  hid(){

            

       

        for(var i=0;i<oBtn.length;i++){

        oBtn[i].style.display="none";}

}

     function bb(){

        

        for(var i=0;i<oBtn.length;i++){

        oBtn[i].style.display="block";}

      }


 


     

    </script>

</head>

<body>

  <h1 name="h"> 我晚上我发给哇嘎热的噶说得过去</h1>

    <button  onclick="hid()">点我</button>

    <button onclick="bb()">点她复位</button>


    

  <h2 name="h">q都干啥·法大使馆DV阿尔法3</h2>

  <button onclick="hid()">vv</button>

</body>

</html>

这个是点击同时隐藏两个h标签的  如果你想点击一个隐藏对应的一个h标签  就用id吧 分开设置 重写方法

0 回复 有任何疑惑可以回复我~

抱歉,错了。。。一直是h1在在隐藏

0 回复 有任何疑惑可以回复我~
#1

cc超 提问者

前端的大爷。是不是JS是用对象调用的,不能不支持两个。。所以h2不行。。。。
2016-04-20 回复 有任何疑惑可以回复我~
#2

一只特立独行的doge 回复 cc超 提问者

我刚才试了下,var oBtn = document.getElementsByTagName("h1","h2")[0];这里里面你应该是想一次得到两个中的任意tagname,但是,我刚才把他改成var oBtn = document.getElementsByTagName("h2","h1")[0];这时候对h2起作用,但是对h1不起作用了,所以应该是这里的问题,但是我不知道该怎么改。
2016-04-20 回复 有任何疑惑可以回复我~
#3

一只特立独行的doge 回复 cc超 提问者

如果你改出来了,或者有人回答了,能不能@我一下,谢了
2016-04-20 回复 有任何疑惑可以回复我~
#4

cc超 提问者 回复 一只特立独行的doge

嗯嗯~~
2016-04-20 回复 有任何疑惑可以回复我~
#5

cc超 提问者 回复 一只特立独行的doge

大爷。“两个名字不能一样 不然引用会错误”应该是这个问题。分开引用就可以了0-0
2016-04-27 回复 有任何疑惑可以回复我~
查看2条回复

我测试了,有效果啊

0 回复 有任何疑惑可以回复我~

把js代码 放在一个文件夹中 ,然后引入这个路径就好

0 回复 有任何疑惑可以回复我~
#1

cc超 提问者

意思是这样吗 <script type="text/javascript" src="js/aaa.js"></script> 然后再把里面的东西像css那样引用?
2016-04-20 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JavaScript进阶篇
  • 参与学习       468191    人
  • 解答问题       21891    个

本课程从如何插入JS代码开始,带您进入网页动态交互世界

进入课程

大神们。一个js如何被多次引用。

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信