字符中间插入标签和字符 

 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以下还是不认

posted @ 2012-05-19 20:34  小猩猩君  阅读(266)  评论(0)  编辑  收藏  举报