摘要: cloneNode() 克隆节点有两个参数 true 深拷贝; false浅拷贝; 用法: box.cloneNode(true);深拷贝复制标签以及标签内部的内容; box.cloneNode(false);浅拷贝只复制标签本身,不复制内容; 阅读全文
posted @ 2018-07-10 18:52 其微乐 阅读(115) 评论(0) 推荐(0) 编辑
摘要: 1、onkeydown 事件会在用户按下一个键盘按键时发生。 2、keyup 键盘弹起时触发; 不是所有元素都能接收键盘事件,只有能够响应用户输入的元素,换言之,能够接收焦点的元素就能接收键盘事件。 3、ctrlKey, shiftKey, altKey: 布尔值。 当一个事件发生的时候,如果 ct 阅读全文
posted @ 2018-07-10 18:47 其微乐 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 动态创建元素的三种方式; 一、document.write(); 功能:向body的最后添加一段结构; 参数:字符串; 用法:document.write('这是内容<div>这是div</div>'); 问题: 1、如果页面加载后使用会导致页面所有内容被覆盖; 2、无法进行指定位置添加元素; 二、 阅读全文
posted @ 2018-07-10 18:34 其微乐 阅读(886) 评论(0) 推荐(0) 编辑
摘要: 一、节点属性 1、nodeType:用于检测节点的类型 返回值为:1、元素节点 2、属性节点 3、文本节点 2、nocdName :返回节点的标签名为全大写 ;如 DIV; 3、nodeValue :对于元素来说nodeValue返回值为null; 二、节点访问关系 <div id="fa"> <d 阅读全文
posted @ 2018-07-10 15:43 其微乐 阅读(1338) 评论(0) 推荐(0) 编辑
摘要: var ipt = document.getElementById('ipt'); var txt = document.getElementById('txt'); var zhangsan = document.getElementById('zhangsan'); var btn = docu 阅读全文
posted @ 2018-07-10 14:17 其微乐 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 页面代码片段 <div></div> <div class="box fl">这是box</div> <div class="colorRed box3">这是box</div> <div></div> <div class="box">这是box</div> <div id="text"> <di 阅读全文
posted @ 2018-07-10 11:32 其微乐 阅读(1610) 评论(0) 推荐(0) 编辑
摘要: 我们之前用className来获取和设置元素的样式,但这种方式只能获取和设置元素的行内样式 用之前的className方法做不到; getComputedStyle:获取计算后的样式; 此方法返回值是对象,如果需要操作具体的样式还需要进行属性访问。 样式的值为字符串形式,有单位; 用法:getCom 阅读全文
posted @ 2018-07-10 11:05 其微乐 阅读(148) 评论(0) 推荐(0) 编辑
摘要: innerText :设置和获取元素的文本内容;但在火狐浏览器中不支持此方法其他浏览器没问题; textContent:和innerText 功能一样;但ie 不支持 其他浏览器没问题; 所有我们要封装一个方法兼容所有浏览器; 1、封装一个获取元素纯文本的方法; var getText = func 阅读全文
posted @ 2018-07-10 10:16 其微乐 阅读(221) 评论(0) 推荐(0) 编辑
摘要: 一面概述: <a id="link" href="01前一天练习.html">跳转</a> 我们想要给a标签添加点击事件但是又不想让它执行自带的跳转事件; var link = document.getElementById('link'); link.onclick = function (){ 阅读全文
posted @ 2018-07-10 09:29 其微乐 阅读(109) 评论(0) 推荐(0) 编辑
摘要: 现阶段来说,在事件中使用this与直接使用事件源效果相同; 一面代码片段: <ul> <li>这是li1</li> <li>这是li2</li> <li>这是li3</li> <li>这是li4</li> <li>这是li5</li> <li>这是li6</li> </ul> var lis = d 阅读全文
posted @ 2018-07-10 09:05 其微乐 阅读(182) 评论(0) 推荐(0) 编辑
摘要: 事件的基本使用方式: 事件源.事件类型 = function(){事件触发后的操作}; 点击事件:click; 在js中点击事件使用时前面要加on,为onclick; 例:点击btn按钮给box添加样式; btn.onclick = funciton(){ box.style.width = '10 阅读全文
posted @ 2018-07-10 08:47 其微乐 阅读(187) 评论(0) 推荐(0) 编辑