87,993
社区成员
发帖
与我相关
我的任务
分享range范围问题
<html>
<head>
<title></title>
<script type="text/javascript" language="javascript">
function doRange(){
var oRange=document.createRange();
var oDiv=document.getElementById("content");
var oText=oDiv.firstChild;
oRange.setStart(oText,6);
oRange.setEnd(oText,8);
var oSpan=document.createElement("span");
oSpan.style.backgroundColor="yellow";
oRange.surroundContents(oSpan);
}
</script>
</head>
<body>
<div id="content" onclick="doRange();">This is a Content.</div>//-------------------1
</body>
</html>
这样一段代码变黄的将会是“s ”
而如果是<div id="content" onclick="doRange();">
This is a Content.
</div>
则正确变黄“is”
很奇怪我从firebug查看dom两种情况下div的childnodes分别是“this i”,span,"a Content"和
“this ”,span," a Content"，请高手指点
<head>
<title></title>
<script type="text/javascript" language="javascript">
function doRange(){
var oRange=document.createRange();
var oDiv=document.getElementById("content");
var oText=oDiv.firstChild;
oRange.setStart(oText,6);
oRange.setEnd(oText,8);
var oSpan=document.createElement("span");
oSpan.style.backgroundColor="yellow";
oRange.surroundContents(oSpan);
}
</script>
</head>
<body>
<div id="content" onclick="doRange();">This is a Content.</div>//-------------------1
</body>
</html>
这样一段代码变黄的将会是“s ”
而如果是<div id="content" onclick="doRange();">
This is a Content.
</div>
则正确变黄“is”
很奇怪我从firebug查看dom两种情况下div的childnodes分别是“this i”,span,"a Content"和
“this ”,span," a Content"，请高手指点
...全文
请发表友善的回复…
发表回复
ABLE__323 2008-08-06
- 打赏
- 举报
还真是!
ABLE__323 2008-08-06
- 打赏
- 举报
不是哦,如果是多了换行,那应该是" i"才对
sxn19811006 2008-08-06
- 打赏
- 举报
<div id="content" onclick="doRange();">This is a Content. </div>这样的话,应该是"s "
<div id="content" onclick="doRange();">
This is a Content.
</div>的话,是"is"
因为firstChild方法也会把换行符取出来
<div id="content" onclick="doRange();">
This is a Content.
</div>的话,是"is"
因为firstChild方法也会把换行符取出来
cloudgamer 2008-08-06
- 打赏
- 举报
多了个换行吧
ABLE__323 2008-08-06
- 打赏
- 举报
ding
