JavaScript-DOM
关注
分享
扫一扫
文章平均质量分 54
喝着绿茶的猫
这个作者很懒，什么都没留下…
展开
-
01 JS-DOM之--事件以及绑定方法
事件经典三部曲获取事件源（一般都是：标签本身）绑定事件（ js已经定义好的，直接使用即可）书写事件驱动程序 <body> <div id="box"></div> <script> //1.获取事件源 var box = document.getElementById("box"); //2.绑定事件 box.onclick = function () { //3.书写事件驱动程序原创 2016-11-20 17:05:41 · 332 阅读 · 0 评论 -
06 JS-DOM之--节点操作（4种）附案例源码
节点的操作一共四种： 创建节点（3种） 添加节点（2种） 删除节点（1种） 复制节点原创 2016-11-29 18:44:21 · 782 阅读 · 0 评论 -
03 JS-DOM之--节点属性操作方法（2种）附案例源码
属性操作两种方法： 1、 dom对象.属性 == dom对象[属性] ; 2、 dom对象.get/set/removeAttribute() 获取属性：dom对象.getAttribute(名称) 设置属性：dom对象.setAttribute(名称, 值) 删除属性：dom对象.removeAttribute(名称) //案例-body代码原创 2016-11-29 18:26:05 · 1368 阅读 · 0 评论 -
02 JS-DOM之--js的加载和window onload
js的加载和html是同步加载的。所以script标签要放在body标签结束之前，这样的话页面加载HTML之后再执行js。不然js的效果显示不出来如果想把JavaScript代码放在头部里面，把所有的js代码放在 window.onload = function () {} 里面。这样的话，就没问题啦~ 页面中所有标签加载完毕之后，再执行这个事件；原创 2016-11-20 17:08:16 · 402 阅读 · 0 评论 -
08 JS-DOM之--nodeType、nodeName、nodeValue
nodeType:值为数字 nodeName nodeValue body案例代码： <div id="box" title="我是title">我是内容</div> //获取三种节点。 var eleNode = document.getElementById("box");//元素节点。 var attNode = eleNode.getAt原创 2016-11-29 18:56:31 · 342 阅读 · 0 评论 -
07 JS-DOM之-innerHTML、innerText、textContent
value属性 innerHTML(可以识别标签) innerText <body> <input type="text" value="我是input的内容"/> <div id="box1"> <ul> <li>我用于测试innerHTML</li> </ul> </div> <div id="box2"> <ul>原创 2016-11-29 18:48:26 · 731 阅读 · 0 评论 -
05 JS-DOM之-间接获取节点（即访问关系）
获取节点方法 1.直接获取(id/className/tagName)(主要3种)（上文） 2.间接获取：访问关系获取(4种)本文访问关系一共有四种：body案例<div class="box1"><ul> <li>1</li> <li>2</li> <li id="box">3</li> <li>4</li> <li>5</li><原创 2016-11-29 18:31:00 · 703 阅读 · 0 评论 -
04 JS-DOM之-直接获取节点（3种方法）
获取节点的方法 1. 直接获取(id/className/tagName)(主要3种)（本文） 2.间接获取：访问关系获取(4种)下文案例body： <body> <div></div> <div class="box1"></div> <div id="box2"></div> <div class="box1"></div> <div></div> </body原创 2016-11-29 18:29:19 · 718 阅读 · 0 评论 -
09-JS-DOM之-大案例（附案例源码）
DOM综合大案例原创 2016-12-05 20:25:27 · 577 阅读 · 0 评论