JavaScript插入DOM范围的内容无法显示

2009-08-08 12:24:50 157 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

React 源码解析 | Reconcile协调过程上篇讲了React的工作流程，这篇详细的讲一下render过程中的beginWork函数，也就是深度优先创建Fiber树中"递"的过程。beginWork函数传入当前已经创建好的Fiber节点，返回创建/复用的第一个子FIber节点，也就是wip.child在renderRoot中，在开始创建整棵FIber树之前，会先调用prepareRefreshStack创建/复用一个新的HostRootFiber。阅读详情

本意是想用黄色代码突出显示范围选区,可是为何在FireFox中无法显示啊!
<html>
<head>
<title>DOM Range Example</title>
<script type="text/javascript">
function insertContent() {
var oP1 = document.getElementById("p1");
var oHello = oP1.firstChild.firstChild;
var oWorld = oP1.lastChild;
var oRange = document.createRange();

var oSpan = document.createElement("span");
oSpan.style.backgroundColor = "red";

oRange.setStart(oHello, 2);
oRange.setEnd(oWorld, 3);
oRange.surroundContents(oSpan);

}
</script>
</head>
<body><p id="p1"><b>Hello</b> World</p>
<input type="button" value="Insert Content"

onclick="insertContent()" />
<p><strong>Note:</strong> This example uses DOM ranges and

will only work in browsers that support DOM ranges. This example will

fail in Internet Explorer.</p>

</body>
</html>

代码哪里有问题?还是FF的版本问题。谢谢

...全文