Question

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

<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>

目前为标签“h1”设置，如何更改它以便我可以使用ID？

Answer 1

首先，在元素中添加ID属性：

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

其次，使用document.getElementById代替document.getElementsByTagName：

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

Answer 2

如果您要在多个地方更改文字，则不希望使用ID。 ID是唯一的，页面上只有一个元素应该具有给定的ID。

根据您的具体情况，您可能希望使用类，.getElementsByClassName或.querySelectorAll。

var langs = document.querySelectorAll('.lang');

for (var i = 0; i < langs.length; i++) {
  var html = langs[i].innerHTML;
  langs[i].innerHTML = html.replace(/(C|c)olor/, '$1olour');
}

<h1 class="lang">Color</h1>

<p class="lang">My favourite color is pink.</p>

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

2 个答案: