大神们。一个js如何被多次引用。
cc超
2016-04-19 15:22
<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回答
-
- 仁太
- 2016-04-26 10:56:06
用法问题 getElementsByTagName（）里面不能同时获取两个标签的 你可以改成两个 分两个方法 也可以给h1和h2一样的ID 然后通过获取ID来设置属性的隐藏显示
-
- 仁太
- 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吧 分开设置 重写方法
-
- 一只特立独行的doge
- 2016-04-20 11:55:33
抱歉，错了。。。一直是h1在在隐藏
-
- 一只特立独行的doge
- 2016-04-20 11:54:23
我测试了，有效果啊
-
- 慕粉3149178
- 2016-04-19 18:31:08
把js代码 放在一个文件夹中 ，然后引入这个路径就好
JavaScript进阶篇
468194 学习 · 21891 问题
相似问题