document.getElementById.innerHTML работает только один раз -как настроить элементы глобального копирования?

Я хочу создать внешний файл 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";
});
});

Любая помощь или совет очень ценятся. Спасибо!

6
задан Dominic 11 April 2012 в 07:00
поделиться