javascript里getElementById怎么样在一个html页面里使用多次？
我想让两个h1都可以有这个特效，并且不同时，可以单独显示特效(或者不用getElementById，用其他来实现？）谢了代码如下：<html><head><script>...
我想让两个h1都可以有这个特效，并且不同时，可以单独显示特效(或者不用getElementById，用其他来实现？）谢了
代码如下：
<html>
<head>
<script>
function getValue()
{
var x = document.getElementById("myHeader");
x.innerHTML = "nihao";
}
</script>
</head><body>
<h1 id="myHeader" onclick="getValue()">Click me!</h1>
<h1 id="myHeader" onclick="getValue()">Click me!</h1>
</body></html> 展开
代码如下：
<html>
<head>
<script>
function getValue()
{
var x = document.getElementById("myHeader");
x.innerHTML = "nihao";
}
</script>
</head><body>
<h1 id="myHeader" onclick="getValue()">Click me!</h1>
<h1 id="myHeader" onclick="getValue()">Click me!</h1>
</body></html> 展开
展开全部
ID在页面上是唯一的，你这么写是不符合规范的。
可以用 tagName 的方式获取。
var aH1 = document.getElementsByTagName('h1');
这样就把两个h1都获取到了，按页面上标签写的顺序存薯派毕在数芹 aH1 这个变量里，从0开始计算个数。
aH1[0] 表示第一个h1, aH1[1] 表示第二个h1.
要给它们加内容，就可以这样写。
aH1[0].innerHTML = '我是第羡咐一个h1';
aH1[1].innerHTML = '我是第二个h1';
可以用 tagName 的方式获取。
var aH1 = document.getElementsByTagName('h1');
这样就把两个h1都获取到了，按页面上标签写的顺序存薯派毕在数芹 aH1 这个变量里，从0开始计算个数。
aH1[0] 表示第一个h1, aH1[1] 表示第二个h1.
要给它们加内容，就可以这样写。
aH1[0].innerHTML = '我是第羡咐一个h1';
aH1[1].innerHTML = '我是第二个h1';
更多追问追答
追问
谢谢，我的意思是点第一个h1，第一个有变化，但第二个没变化，点第二个，第二个再变化，就是俩个都可以单独变化而不影响另一个的
追答
写两个不同的函数啊，getValue1() getValue2()
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
