设置 .innerHTML

Posted 2023-05-07

【中文标题】设置 .innerHTML

【英文标题】：Setting .innerHTML

【发布时间】：2011-07-30 01:12:50

【问题描述】：

我正在开发一个 Firefox 扩展，它需要更改特定 <div> 上的一些值。

我尝试通过将其绑定到 URL 栏中来将其注入 DOM：

javascript:document.getElementById('c4d9b2819218742680841961_input').innerhtml = 'foo'

值确实发生了变化，但整个页面很快就会变成空白，期待<div>。

我怎样才能避免这种情况？谢谢。

【参考方案1】：

它作用于代码的返回值。将其包裹在 void() 中会抑制这一点。这应该工作>

javascript:void(document.getElementById('c4d9b2819218742680841961_input').innerHTML = 'foo')

【参考方案2】：

试试这个：

var elt = document.getElementById('c4d9b2819218742680841961_input');
var textLength = elt.firstChild.length;
elt.firstChild.replaceData(0,textLength,'foo');