JS_DOM
来源:互联网 发布:生存分析数据库 编辑:程序博客网 时间:2024/06/06 18:20
删除节点:removeChild 删除某个对象的子节点
添加节点:1)创建元素节点 createElement("元素的名称") 创建是个标签
2)创建文本节点 createTextNode("文本的内容"); 创建的是内容
添加节点方法: 使用 appendChild 把我们定义好的元素节点
或者是 文本节点 向当前元素节点的最后一个子节点之后添加节点(追加节点)
appendChild格式 当前节点(父)新节点(等待追加)
| |
p.appendChild(text)
把text追加到p元素节点的子节点中
99乘法表
<!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>
<style>
div{
background-color:#F99;
width:500px;
height:300px;}
table{
border:#00F 1px dashed;
}
</style>
<script language="javascript" type="text/javascript">
function drawTable(){
var table=document.createElement("table");
table.setAttribute("border","1");
for(var i=1;i<=9;i++){
var tr=document.createElement("tr");
for(var j=1;j<=i;j++){
var text=document.createTextNode(j+"*"+i+"="+i*j);
var td=document.createElement("td");
td.appendChild(text);
tr.appendChild(td);
}
table.appendChild(tr);
}
document.getElementById("d1").appendChild(table);
}
function delTable(){
var tr = document.getElementsByTagName("tr");
var table=tr[0].parentNode;
//alert(tr[0].parentNode.nodeName)
var element=table.removeChild(tr[tr.length-1]);
//alert(element.nodeName);
}
function getClass(){
document.getElementById("d1").className="bbb";
alert(document.getElementById("d1").className);
}
</script>
</head>
<body>
<div id="d1" class="aaa"></div>
<input type="button" value="绘制9*9的乘法表" onclick="drawTable()" />
<input type="button" value="来人啊,给我删一行" onclick="delTable()" />
<input type="button" value="getClass" onclick="getClass()" />
</body>
</html>
- js_dom
- JS_DOM
- JS_DOM
- Js_DOM
- js_DOM
- 0320JS_DOM
- Js_Dom(1)__Dom基础<对象和document>
- Js_Dom(2)__Dom基础<方法(重点)>
- Js_Dom(5)__Dom基础<事件event>
- Js_Dom(8)__Dom基础<画布canvas>
- Js_Dom(9)__Dom基础<Ajax请求>
- Js_Dom(3)__Dom基础<节点常用属性方法和table>
- Js_Dom(4)__Dom基础<回流与重绘>
- Js_Dom(7)__Dom基础<Dom的12种节点(转载)>
- Js_Dom(6)__Dom基础<Bom,window,计时器以及空野指针>
- 文件IO 操作类库,通用成熟的代码,现分享出来,为程序员提供最优秀的源代码
- Hibernate使用Criteria实现查询
- 利用VC++实现局域网实时视频传输(网络视频)
- 双向链表结点的插入
- STL易错知识点
- JS_DOM
- java new IO
- Asp封装类的常用函数
- 移动 SVN 仓库,处理 expected fs format between
- oracle10g-对表空间的理解与应用
- 深入理解const char*p,char const*p,char *const p,const char **p,char const**p,char *const*p,char**const p
- datagrideview下拉列表显示数据
- 深入“自顶向下,逐步求精”——面向过程程序设计方法
- 绘制99乘法表,能从最后一行进行删除