2016年12月14日
添加 移除 表格的例子
摘要： 为 #employeetable 的所有的 a 节点添加 Onclick 响应函数: * 1. 弹出确认对话框: 确定要删除 xx 的信息吗? xx 为当前 a 节点所在的 td 所在的 tr 的 * 第一个 td 子节点的文本值, 且要去除前后空格 * 2. 若点击 "确认" , 则删除 a 节点 阅读全文
posted @ 2016-12-14 13:13 小僵尸 阅读(483) 评论(0) 推荐(1) 编辑
DOM编程 删除节点
摘要： 需求： 为每个 li 节点添加一个 confirm(确认对话框): 确定要删除 xx 的信息吗?若确定, 则删除 1，获取li所有节点 var liNodes = document.getElementsByTagName("li"); 2，for循环 for(var i = 0; i < liNo 阅读全文
posted @ 2016-12-14 12:26 小僵尸 阅读(187) 评论(0) 推荐(0) 编辑
替换节点及replaceEach方法
摘要： 需求: 为所有的 li 节点添加 onclick 响应函数实现 city 子节点和 game 子节点对应位置的元素的互换 window.onload = function(){ //自定义互换两个节点的函数 function replaceEach(aNode, bNode){ //1. 获取 aN 阅读全文
posted @ 2016-12-14 12:10 小僵尸 阅读(1040) 评论(0) 推荐(0) 编辑
2016年12月13日
节点的创建 及常见功能的实现
摘要： 新创建一个元素节点，并把该节点添加为文档中指定节点的子节点 1，新创建一个元素节点，返回值为指向元素节点的引用 var liNode =document.creatElement("li"); var cityNode=document.getElementById("city"); 新添加newC 阅读全文
posted @ 2016-12-13 21:39 小僵尸 阅读(779) 评论(0) 推荐(0) 编辑
点击每个li节点，都弹出其文本值及修改
摘要： 点击每个li节点，都弹出其文本值 1，获取所有的li节点 var liNodes=document.GetElementsByTagName("li"); 2，使用for循环进行遍历，得到每一个li节点 for(var i=0;i<liNodes.length;i++){ alert(i); } 3 阅读全文
posted @ 2016-12-13 17:44 小僵尸 阅读(236) 评论(0) 推荐(0) 编辑
读取文本节点
摘要： 获取元素节点的子节点 1，获取id的所有子节点 var cityNode=document.getElemnetById("") 2,利用元素节点的childNodes 方法可以获得指定元素节点的所有子节点 alert（cityNode.childNodes.length） 注：基本不用 3.获取 阅读全文
posted @ 2016-12-13 16:47 小僵尸 阅读(131) 评论(0) 推荐(0) 编辑
读写属性节点
摘要： 读写属性节点：通过元素节点 的方式来获取属性值和设置属性值 最好用的：属性节点即为某一指定的元素节点的属性 1，先获取指定的那个元素节点 2，再读取指定属性的值 alert(nameNode.value) 3,设置指定的属性的值 nameNode.value=("") 阅读全文
posted @ 2016-12-13 15:38 小僵尸 阅读(135) 评论(0) 推荐(0) 编辑
获取指定的元素节点
摘要： 1.获取 id 为 -- 的那个节点 document.getElementByID("") 注：在编写HTML文档时，需确保id 属性值是唯一的。 任何一个节点都有这个方法 2. 使用标签名获取指定节点的集合 该方法为Node接口的方法，即任何一个节点都有这个方法 document.getElem 阅读全文
posted @ 2016-12-13 15:24 小僵尸 阅读(195) 评论(0) 推荐(0) 编辑
2016年12月5日
样式易犯错误
摘要： 1,可使字和图标对其 .logo_right img{ margin-right:10px; vertical-align: middle; 如： 2，a标签样式 .nav a:link ,.nav a:visited{ color:rgb(255,255,255); font-size:20px; 阅读全文
posted @ 2016-12-05 23:26 小僵尸 阅读(93) 评论(0) 推荐(0) 编辑
焦点图的制作
摘要： 1,<script type="text/javascript"> myFocus.set({ id:'boxID' }); </script> 2， <div class="ad" id="boxID"> <div class="pic"> <ul> <li><img src="images/1. 阅读全文
posted @ 2016-12-05 23:19 小僵尸 阅读(148) 评论(0) 推荐(0) 编辑