插入和追加内容到DOM的函数
来源:互联网 发布:java中iterator是什么 编辑:程序博客网 时间:2024/05/12 21:32
//创建元素
function create(elem){
return document.createElementNS ?
document.createElementNS('http://www.w3.org/1999/xhtml',elem):
document.createElement(elem);
}
//插入和追加的辅助函数
function checkElem(a){
var r = [];
if(a.constructor != Array){
a = [a];
}
for(var i=0;i<a.length;i++){
if(a[i].constructor== String){
var div = document.createElement("div");
div.innerHTML = a[i];
for(var j=0;j<div.childNodes.length;j++){
r[r.length] = div.childNodes[j];
}
}else if(a[i].length){
for(var j=0;j<a[i].length;j++){
r[r.length] = a[i][j];
}
}else{
r[r.length] = a[i];
}
}
return r;
}
//插入函数,如下用法:
function before(parent,before,elem){
if(elem == null){
elem = before;
before = parent;
parent = before.parentNode;
}
var elems = checkElem(elem);
for(var i=elem.length-1;i>=0;i--){
parent.insertBefore(elems[i],before);
}
}
//追加函数
function append(parent,elem){
var elems = checkElem(elem);
for(var i=0;i<=elems.length;i++){
parent.appendChild(elems[i]);
}
}
//使用方法
//<ol>
//<li>cats.</li>
//<li>dogs.</li>
//<li>mics.</li>
//</ol>
append(tag("li")[0],"<li>mouse trap.</li>");
//变成
//<ol>
//<li>cats.</li>
//<li>dogs.</li>
//<li>mics.</li>
//<li>mouse trap.</li>
//</ol>
before(last(tag("li")[0]),"<li>Zerbra.</li>");
//变成
//<ol>
//<li>cats.</li>
//<li>dogs.</li>
//<li>Zerbra.</li>
//<li>mics.</li>
//</ol>
- 插入和追加内容到DOM的函数
- 追加内容到文件末尾
- 追加内容到文件末尾
- Delphi 追加内容到文本.
- DOM Insertion, Inside 追加元素内容
- 将新的内容追加到最后的commit上
- 追加内容到文件末尾的几种常用方法
- 追加内容到文件末尾的几种常用方法
- 追加内容到文件末尾的几种常用方法
- 追加内容到文件末尾的几种常用方法
- linux下追加所写的内容到文件内
- 将输入框的内容追加到表格中
- dom-xml-sax原理 和常用到的函数
- JAVA将内容追加到文件尾部
- java追加内容到文件末尾
- java追加内容到文本文件中
- java追加内容到文件末尾
- java追加内容到文件末尾
- 我爱你……但我已经有了佩蓉……看桃花开出怎样的结果(转)
- 1、编写一个Java应用程序,对用户输入的任意一组字符如{1,3,4,7,2,1,1,5,2},输出其中出现次数最多且数值最大的字符,并显示其出现次数。
- 设置和获取元素特性的函数
- 商业智能中的报表制作.
- J2ME游戏中的碰撞检测
- 插入和追加内容到DOM的函数
- 删除DOM节点的函数
- Hibernate3-语法速查
- javascript
- Synchronization
- HLSL 研究学习之六章一节
- JavaScript的学习笔记(2)对象化编程
- jad:反编译工具下载
- HLSL 研究学习之六章二节