动态加载!dom应用!
来源:互联网 发布:shiftzoom.js 编辑:程序博客网 时间:2024/05/22 06:06
<!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; charset=utf-8" />
<title>无标题文档</title>
<script>
function load(){
var ul = document.createElement("ul");
/*
var c = document.createComment("this is comment");
ul.appendChild(c);
*/
for(var i = 0; i<5; i++){
var li = document.createElement("li");
li.appendChild(document.createTextNode("数据"+i));
li.style.color = 'red';
li.style.border = "dotted 5px green";
ul.appendChild(li);
}
//insert before
var li = document.createElement("li");
li.appendChild(document.createTextNode("前面的数据"));
ul.insertBefore(li,ul.firstChild);
var li = document.createElement("li");
li.appendChild(document.createTextNode("后面的数据"));
ul.appendChild(li);
//alert(ul.childNodes.length);
var li = document.createElement("li");
li.appendChild(document.createTextNode("中间的数据"));
//ul.insertBefore(li, ul.childNodes.item(2));
ul.childNodes.item(2).parentNode.insertBefore(li, ul.childNodes.item(2));
document.getElementById('mydiv').appendChild(ul);
}
</script>
</head>
<body>
<button onclick="load();">点我加载内容</button>
<hr/>
<div id="mydiv"></div>
<!--ccc-->
</body>
</html>
- 动态加载!dom应用!
- Dom动态加载
- dom动态加载脚本
- DOM方式动态加载数据
- 动态加载XIB 高级应用
- 动态加载XIB 高级应用
- DOM加载
- DOM加载
- 动态加载 高级应用之StoryBorad
- 动态加载 高级应用之StoryBorad
- unity动态加载之AssetBundle应用
- Android动态资源加载原理和应用
- Android动态资源加载原理和应用
- android 应用动态加载机制1
- unity动态加载之AssetBundle应用
- 动态加载 高级应用之StoryBorad
- Android 应用背景加载系统动态壁纸
- Dom 应用
- JavaScript checkbox全选与全不选的切换
- Game Programming with DirectX -- 12[红+绿+蓝+Alpha]
- perl利用内存使用sql语句
- 中国开源社区“大牛”章文嵩加盟淘宝
- perl批处理xml文件
- 动态加载!dom应用!
- 烦恼
- 在Ubuntu下安装配置JDK 6和Eclipse
- perl自动ftp的方法(Linux版本,Net::FTP)
- oracle笔记 之VI JDBC连接 Oracle 数据库
- 面向对象:原型(Prototype)模式
- 博客秀之增加访问量,看看前人的破解锦囊
- 搞清楚VC++中的char,wchar_t,TCHAR
- 一段好的代码