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教程语言概况
Internet时代，造就了我们新的工作和生活方式，其互联性、开放性和共享信息的模式，打破了传统信息
传播方式的重重壁垒，为我们带来了新的机遇。随着计算机和信息时代的到来，人类社会前进的脚步在逐渐加快，每一天都有新的事情发生，每一天都在创造着奇
迹。随着Internet技术的突飞猛进，各行各 ......
定义变量
var test=10;
使用对象属性
可以使用 . 操作符获得属性,也可以使用数组下标获得,比如
for(var prop in document)
document.write(document[prop]+"<br>");
With 声明对象,之后再用到对象就不必声明了
with(document){
write("Hello World<br>标题: ");
write(title);
}
常用对象 ......
JavaScript 可算是世界上最流行的编程语言，它曾被 Web 开发设计师贴上噩梦的标签，虽然真正的噩梦其实是 DOM
API，这个被大量的开发与设计师随手拈来增强他们的 Web 前端的脚本语言，如今越来越被重视，虽则如此，JavaScript
仍然拥有很多让人费解的东西。
1. 它以 Java 命名，但并不是 Java
它最初叫 Mocha， 接着� ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charse ......
JavaScript解析读取XML文件，主要就是加载并解析XML文件，然后就可以测试解析的XML文件的内容，打印输出来。
编写了一个JavaScript的类来实现读取一个XML文件中的数据，实现代码如下所示：
<mce:script type="text/javascript"><!--
/**
* @author Shirdrn
*/
function XMLDoc(){}; // 定义一个XM ......
