如何在Javascript中将标记更改为id？

这听起来很基本，我是Javascript新手。如果语言设置为英式英语，我有一个代码可以将单词color改为color

<h1>Color</h1>
<script>
    if (navigator.language == 'en-GB') {
        var h1 = document.body.getElementsByTagName('h1');
        for (var i = 0; i < h1.length; ++i)
        h1[i].innerHTML = h1[i].innerHTML.replace('Color', 'Colour');
    }
</script>

颜色
如果（navigator.language=='en GB'）{
var h1=document.body.getElementsByTagName（'h1'）；
对于（变量i=0；i

---

它当前是为标记“h1”设置的，如何更改它以便使用ID？

首先，向元素添加一个

ID

属性：

<h1 id="myHeader">Color</h1>

---

如果要在多个位置更改文本，则不希望使用ID。ID是唯一的，并且页面上只有一个元素应该具有给定的ID

根据您的情况，您可能希望使用类，或者

var langs=document.querySelectorAll（'.lang'）；
对于（变量i=0；i

颜色
我最喜欢的颜色是粉红色。

您可能希望使用class而不是id，因为使用id只能得到第一个元素。

var h1 = document.getElementById('myHeader');