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

时间:2015-06-18 17:42:10

标签: javascript

这听起来很基本,我是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?

2 个答案:

答案 0 :(得分:0)

首先,在元素中添加ID属性:

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

其次,使用document.getElementById代替document.getElementsByTagName

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

答案 1 :(得分:0)

如果您要在多个地方更改文字,则不希望使用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>