1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
5 <title></title>
6 </head>
7 <body>
8 <p id="p1"><b>Hello
</b> world!
</p>
9 <script type="text/javascript" src="test01.js"></script>
10 </body>
11 </html>
1 var p1 = document.getElementById("p1"
);
2 var helloNode =
p1.firstChild.firstChild;
3 var worldNode =
p1.lastChild;
4
5 var range =
document.createRange();
6 range.setStart(helloNode, 2
);
7 range.setEnd(worldNode, 3
);
8
9 var span = document.createElement("span"
);
10 span.style.color = "red"
;
11 span.appendChild(document.createTextNode("Inserted text"
));
12 range.insertNode(span);
很不幸，IE9以下还是不认
转载于:https://www.cnblogs.com/qzsonline/archive/2012/05/19/2509164.html
