通过JavaScript更改html中标签的值

时间:2015-08-21 12:04:53

标签: javascript html

我有这段代码:

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

5 个答案:

答案 0 :(得分:1)

使用此:

[dateFormatter setTimeZone:[NSTimeZone timeZoneWithAbbreviation:@"UTC"]];

或者这个:

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

答案 1 :(得分:0)

在这种情况下,jsfiddle不是一个好工具,因为必须在html之后执行JavaScript:

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

您在此处有一个示例:http://www.w3schools.com/js/tryit.asp?filename=tryjs_change_innerhtml

答案 2 :(得分:0)

使用它      $( “#addNameText”)文本( 'CLIFF');

答案 3 :(得分:0)

这个怎么样 -

$(document).ready(function(){ $('#addNameText').html('CLIFF'); });

答案 4 :(得分:0)

将JS Fiddle的第二个<select>列表的设置更改为“no wrap-in&lt; body&gt;” (这意味着包含所提供的JavaScript的<script>(来自JavaScript面板)将插入<body>元素,作为</body>结束标记之前的最后一个子项(因此在执行之后执行)构建DOM,您可以简单地使用:

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

JS Fiddle demo

或者,更正您对innerHTML的调用中的拼写错误(您使用了驼峰案例:innerHtml,这是HTMLElement不存在的属性):

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

JS Fiddle demo