javascript - 通过 JavaScript 更改 html 中标签的值

Question

我有这个代码:

<label class='textFontSmall center' for="usr" id="addNameText">BOB</label>

我希望能够将文本从 BOB 更改为 Cliff。我尝试了 4 种不同的方法:

document.getElementById('addNameText').value = 'CLIFF';
document.getElementById('addNameText').text = 'CLIFF';
document.getElementById('addNameText').html = 'CLIFF';
document.getElementById('addNameText').innerHtml = 'CLIFF';

这些都不起作用。怎么会 ？我一定错过了一些简单的事情

https://jsfiddle.net/rukzkaLe/

Answer 1

使用这个:

document.getElementById('addNameText').innerText = 'CLIFF';

或者这个:

document.getElementById('addNameText').innerHTML = 'CLIFF';