Question

我正在尝试使用javascript来更新html标签中的文本。

它适用于IE8以外的所有浏览器。在IE8中，标签似乎已更新，但未在屏幕上显示。

我在下面创建了显示问题的演示代码。

由于

<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及以下版本没有textContent。

试试这个：

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));
}

通过javascript问题更新IE8标签

2 个答案: