在javascript中更改标签的文本不起作用

Question

I am trying to change the text of a Label using javascript like this in an aspx page

document.getElementById('DetailSection_EssLabel1').Text = "Revised Date";

But when I am in the debugging mode on IE by using F12 button, this is what I see for the field,

<SPAN class=FormFieldHeader        id=DetailSection_EssLabel1           Text="Revised Date">Assigned Completion Date</SPAN>

Though the text is changed to Revised Date, it is still showing Assigned Completion Date in the front end. Can someone tell me what I am missing. Thanks

Answer 1

If you want to set a label's text, you'd better use textContent property, like this:

document.getElementById('DetailSection_EssLabel1').textContent = "Revised Date";

innerText is not a standard property and you'll definitely get an issue in FireFox

Answer 2

Native Javascript objects do not have a text property, but they do have innerHTML and innerText properties. To change the text of an element, you can use either:

document.getElementById('DetailSection_EssLabel1').innerHTML = "Revised Date"; .

or document.getElementById('DetailSection_EssLabel1').innerText = "Revised Date"; .

Answer 3

使用内文

document.getElementById('DetailSection_EssLabel1').innerText="Revised Date";

Answer 4

Neither innerText nor textContent are cross-browser compatible if you include IE 8 and older.

Using the jQuery text method is typically the easy button.

if jQuery is not an option, the most compatible way with pure DOM is to use text nodes, for example:

var outputDiv = document.getElementById('DetailSection_EssLabel1');
var childNodes = outputDiv.childNodes;
// nodeType == 3 is a text node
if (!(childNodes.length == 1 && childNodes[0].nodeType == 3)) {
    outputDiv.innerHTML = ''; // one way to clear any existing content
    outputDiv.appendChild(document.createTextNode(''));
}
outputDiv.childNodes[0].nodeValue = 'Revised Text';

Fiddle: https://jsfiddle.net/4m0wpjdo/1/

EDIT: I also wanted to mention that using innerHTML to inject text is really not a good idea. It's all too easy to forget to escape special characters when using this approach. This opens you up to incorrect display of the text at best and XSS attacks at worst (if user-supplied text is included).