Я хочу создать внешний файл js-, в котором я могу настроить копирование нескольких элементов в моем файле html. Я использую document.getElementById("id").innerHTML = "что угодно"; для "внедрения" или "добавления" моей копии в html-элементы с определенным идентификатором.
Это работает нормально, однако, когда у меня есть более одного элемента с одним и тем же идентификатором в моем html-файле, html из моего файла js-добавляется только к первому элементу , но html из моего js -файл должен быть добавлен ко всем элементам с одинаковым идентификатором
Это моя конструкция 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";
});
});
Любая помощь или совет очень ценятся. Спасибо!