【问题标题】:Setting .innerHTML设置 .innerHTML
【发布时间】:2011-07-30 01:12:50
【问题描述】:
我正在开发一个 Firefox 扩展,它需要更改特定 <div> 上的一些值。
我尝试通过将其绑定到 URL 栏中来将其注入 DOM:
javascript:document.getElementById('c4d9b2819218742680841961_input').innerHTML = 'foo'
值确实发生了变化,但整个页面很快就会变成空白,期待<div>。
我怎样才能避免这种情况?谢谢。
【问题讨论】:
标签:
javascript
dom
firefox-addon
innerhtml
【解决方案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');