软件开发培训班 >> 编程开发 >> JavaScript

javascript 包裹节点提高效率

　　本文标签：javascript,包裹节点

<!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 = function(){ 
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) 
} 
var a = document.getElementById("target"); 
wrapOuter(a,"<div class=border></div>") 
} 
</script> 
</head> 
<body id="id10"> 
<div class="container"> 
<div class="inner" id="target">目标节点</div> 
</div> 
</body> 
</html>

技术文章快速查找

js实现两个值相加alert出来精确到指定位

巧用js提交表单轻松解决一个页面有多个提交按钮

JS控件autocomplete 0.11演示及下载 1月5日已更新

javascript跨域刷新实现代码

javascript表单验证 - Parsley.js使用和配置

用JavaScript对JSON进行模式匹配 (Part 2 - 实现)

简单几行JS Code实现IE邮件转发新浪微博

很酷的60款jQuery 幻灯片演示和下载

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建

软件开发培训班 >> 编程开发 >> JavaScript

javascript 包裹节点 提高效率

javascript 包裹节点提高效率