我需要在 DIV 元素中动态设置文本。浏览器安全的最佳方法是什么？我有prototypejs和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
}
您可以简单地使用：
fieldNameElement.innerHTML = "My new text!";
为 2013 年及以后阅读本文的所有人更新：
这个答案有很多搜索引擎优化，但所有答案都严重过时，并且依赖库来做所有当前浏览器开箱即用的事情。
要替换 div 元素内的文本，请使用 Node.textContent，它在所有当前浏览器中都提供。
fieldNameElement.textContent = "New text";
function showPanel(fieldName) {
var fieldNameElement = document.getElementById("field_name");
while(fieldNameElement.childNodes.length >= 1) {
fieldNameElement.removeChild(fieldNameElement.firstChild);
}
fieldNameElement.appendChild(fieldNameElement.ownerDocument.createTextNode(fieldName));
}
这样做的好处是：
如果我要使用 javascript 库，我会使用 jQuery，然后执行以下操作：
$("div#field_name").text(fieldName);
请注意，@AnthonyWJones 的评论是正确的：“field_name”不是一个特别具有描述性的 id 或变量名称。
我会使用 Prototype 的update方法，它支持纯文本、HTML 片段或任何定义toString方法的JavaScript 对象。
$("field_name").update("New text");
$('field_name').innerHTML = 'Your text.';
Prototype 的一项漂亮功能是，$('field_name')它与document.getElementById('field_name'). 用它！:-)
John Topley 使用 Prototypeupdate函数的回答是另一个很好的解决方案。