如何替换 div 元素中的文本?

2022-08-30 01:37:05

我需要动态设置DIV元素中的文本。什么是最好的浏览器安全方法?我有原型js和scriptaculous。

<div id="panel">
  <div id="field_name">TEXT GOES HERE</div>
</div>

该函数如下所示:

function showPanel(fieldName) {
  var fieldNameElement = document.getElementById('field_name');
  //Make replacement here
}

答案 1

您只需使用:

fieldNameElement.innerHTML = "My new text!";

答案 2

更新给2013年及以后阅读本文的每个人:

这个答案有很多SEO,但所有的答案都严重过时,并且依赖于库来做所有当前浏览器开箱即用的事情。

若要替换 div 元素中的文本,请使用 Node.textContent,该内容在所有当前浏览器中都提供。

fieldNameElement.textContent = "New text";