Question

我想编写一个代码，以便可以同时在不同页面的页眉中更改文本。

我尝试了以下JS代码：

var text = 'Dummy text';
var weergave = document.getElementById('headertext');
weergave.textContent = text;

但这似乎不起作用。 JS文件和HTML文件已正确链接。有什么办法解决这个问题吗？

Answer 1

由于id始终是唯一的，因此您无法使用getElementById来获取具有给定tags的所有id。用户class已安装id，它将在getElementsByClassName

下运行

您可以使用getElementsByClassName代替getElementById。

然后，在您的class="headertext"中使用id ="headertext"而不是HTML

var text = 'Dummy text';
var weergave = document.getElementsByClassName("headertext");

for(var i=0;i<weergave.length;i++){
    weergave[i].textContent = text;
}

Answer 2

element的{{1}}必须是唯一的，因此您不能使用单个id来修改许多元素的textContent。您需要使用一个类名。您可以使用查询选择器来获取所需的特定元素。

id

var text = 'Dummy text';
var weergave = document.querySelectorAll('.header');//gets all elements with a class of header
//for loop to get all the elements from the query selector
for(let i = 0; i < weergave.length; i++){
    weergave[i].textContent = text;
}
//or forEach
weergave.forEach(i => {
   i.textContent = text;
});

同时更改不同页面上的多个ID

2 个答案: