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

源自：6-2 鼠标单击事件( onclick ）

大神们。一个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的内容。。不能被多次引用还是什么问题？？求助~~~~~~~

提问者：cc超 2016-04-19 15:22

个回答

仁太

2016-04-26 10:56:06

已采纳

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

0
仁太

2016-04-26 11:03:41

<!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
一只特立独行的doge

2016-04-20 11:55:33

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

0
一只特立独行的doge

2016-04-20 11:54:23

我测试了，有效果啊

0
慕粉3149178

2016-04-19 18:31:08

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

0