javascript 包裹节点
模仿jQuey，创建几个包裹节点的方法，发现jQuery的方法很低效啊，下一次他又可以说这几个方法可以提升了多少多少了。原理基本是这样，如果传入的是字符串，那么让它们变成一个元素节点，不过这元素节点也可以有许多层，在最内层把要包裹的元素放进。把字符串变成元素节点的方法有如下几个。1，createElement，IE可以连元素属性也一起创建，但只能创建一层。2，innerHTML，不过需要对原来的字符串进行处理，IE与FF都有许多意想不到的默认行为，可以为你多加一点东西或少加一点东西。3，createContextualFragment，由于Opera的行为有点怪异，需要选中修改元素的位置。经日本人的测试，它转换字符串成节点的效率比innerHTML高多了，也安全多了，真是强者愈强，弱者愈弱。如果是传入元素节点，需要克隆一下，要不都变成wrapAll。如果是函数，把当前元素传进去，利用它的某些属性创建一个包裹元素。
最初的实验品（这里的wrapOuter相当于jQuery的wrap）：
var parseHTML = function(str) {
if(document.createRange){
var range = document.createRange()
range.setStartAfter(document.body)
return range.createContextualFragment(str)
}else{
return document.createElement(str)
}
}
var wrapOuter = function(target,html){
var wrap = parseHTML(html) ;
target.parentNode.insertBefore(wrap,target);
target.previousSibling.appendChild(target)
}
<!doctype html>
<html dir="ltr" lang="zh-CN">
<head>
<meta charset="utf-8"/>
<meta content="IE=8" http-equiv="X-UA-Compatible"/>
<style type="text/css">
.wrapper {
margin: 5px 5px 5px 5px;
padding: 5px 5px 5px 5px;
background-color:#dfe8f6;
border: 1px solid magenta;
}
.inner{
margin:1em;
height:20px;
background:#a9ea00
}
.border{
border:2px solid red;
}
</style>
<title>包裹节点 by 司徒正美</title>
<script type="text/javascript">
window.onload = func
相关文档：
JavaScript提供脚本语言的编程与C++非常相似，它只是去掉了Ｃ语言中有关指针等容易产生的错
误，并提供了功能强大的类库。对于已经具备Ｃ++或Ｃ语言的人来说，学习JavaScript脚本语言是一件非常轻松愉快的事。
一、JavaScript代码的加入
JavaScript的脚本包括在HTML中，它成为HTML文档的一部分。与HTML标识相结合， ......
使用浏览器的内部对象系统,
可实现与HTML文档进行交互。它的作用是将相关元素组织包装起来，提供给程序设计人员使用，从而减轻编程人的劳动，提高设计Web页面的能力。
一、
浏览器对象层次及其主要作用
除了前面提到过的文档document对象外，Navigator浏览器中还提供了窗口（Window）对象以及历史（History）和位� ......
JavaScript 可算是世界上最流行的编程语言，它曾被 Web 开发设计师贴上噩梦的标签，虽然真正的噩梦其实是 DOM
API，这个被大量的开发与设计师随手拈来增强他们的 Web 前端的脚本语言，如今越来越被重视，虽则如此，JavaScript
仍然拥有很多让人费解的东西。
1. 它以 Java 命名，但并不是 Java
它最初叫 Mocha， 接着� ......
在对程序进行性能测试时需要考虑到不同规模以及不同算法的效率的不同
下面的网页是一个对排序算法的性能测试，规模就是数组的长度，而测试的两个函数分别是手动实现的快速排序算法和javascript内置的排序函数。
<!DOCTYPE window PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- ......
