IE8标签通过JavaScript问题更新

Question

I am trying to use javascript to update the text in a html label. 我正在尝试使用javascript更新html标签中的文本。

It works in all browsers except IE8. 它适用于除IE8之外的所有浏览器。 In IE8 the label appears to be updated but is not displayed on the screen. 在IE8中，标签似乎已更新，但未显示在屏幕上。

I've created demo code below that shows the issue. 我在下面创建了演示代码来演示问题。

Thanks 谢谢

<html>
 <head>
 <script>
  function sendRequest() {               
    document.getElementById('errormessage').textContent="test";
    alert("textContent : "+document.getElementById('errormessage').textContent);
  }   
</script>

</head>

<body>

  <a href="javascript:void(0)" onclick="sendRequest();"> Click me</a>
   <br/>
  <label id="errormessage" style="color:#F00">&nbsp;</label>
</body> 
</html>

Answer 1

document.getElementById('errormessage').innerHTML="test";

Answer 2

IE 8 and under doesn't have textContent. IE 8及以下版本没有textContent。

Try this: 尝试这个：

function setText(el, text){
    if(typeof el.innerText !== 'undefined')
        el.innerText = text;
    else
        el.textContent = text;
}

function getText(el){
    return el.innerText || el.textContent;
}

function sendRequest() {
    var el = document.getElementById('errormessage');
    setText(el, "test");
    alert("textContent : "+getText(el));
}

IE8标签通过JavaScript问题更新

问题描述

2 个解决方案

解决方案1
2 2012-02-20 23:52:47

解决方案2
2 2012-02-20 23:56:58

IE8标签通过JavaScript问题更新

问题描述

2 个解决方案

解决方案1 2 2012-02-20 23:52:47

解决方案2 2 2012-02-20 23:56:58

解决方案1
2 2012-02-20 23:52:47

解决方案2
2 2012-02-20 23:56:58