document.getElementById.innerHTML只工作一次--如何配置全局复制元素？
document.getElementById.innerHTML只工作一次--如何配置全局复制元素？
提问于 2012-04-11 07:00:10
我想要创建一个外部js文件，在其中我可以配置html文件中几个元素的副本。我使用document.getElementById(" id ").innerHTML =“任何东西”；将我的副本“注入”或“添加”到具有特定id的html元素中。
但是，当我的html文件中有多个具有相同id的多个元素时，js-文件中的html只添加到第一个元素中，但是js-文件中的html应该添加到所有具有相同id的元素中。
--这是我的html结构：
<html>
<head>
<script src="copy.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div>
<strong id="back-button"></strong>
</div>
....
<div>
<strong id="back-button"></strong>
</div>
</body>
</html>--这是我的JS文件：
$(function() {
$(document).ready(function addcopy() {
/* global */
document.getElementById("back-button").innerHTML = "go back";
});
});任何帮助或建议都是非常感谢的。谢谢!
回答 5
Stack Overflow用户
回答已采纳
发布于 2012-04-11 07:07:16
您可以使用类，因为ids只能使用一次。
<html>
<head>
<script src="copy.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="back-button">
</div>
....
<div class="back-button">
</div>
</body>
</html>在javascript中：
<script type="text/javascript">
$(document).ready(function addcopy() {
/* global */
$(".back-button").html("<strong>go back</strong>");
});
</script>Stack Overflow用户
发布于 2015-07-20 14:28:31
在js中，您可以这样做：
document.getElementsByClassName('message')[0].innerHTML = "Good afternoon:)!";然后，您可以循环遍历该类的所有元素。
Stack Overflow用户
发布于 2012-04-11 07:01:51
id属性应该是唯一的，我知道在JQuery中，如果要使用多个选择器，可以使用class。
或者您可以使用name和getElementsByName()函数，该函数将在Javascript中为您提供一个元素数组。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10101321
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号