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