2019年12月20日
插入节点element.appendChild(要插入的节点),element.insertBefore(要插入的节点,参考节点)案例
摘要： <!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><div><ul id="ul"> <li>旧节点</li></ul></div><script> let 阅读全文
posted @ 2019-12-20 15:32 杨小越 阅读(903) 评论(0) 推荐(0)
创建节点document.createElement('div')案例
摘要： 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <div> 9 10 </div> 11 <script> 12 阅读全文
posted @ 2019-12-20 15:21 杨小越 阅读(4713) 评论(0) 推荐(0)
查找子节点element.firstElementChild,element.lastElementChild,element.children案例
摘要： 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body> 8 <div> 9 <ul id="ul"> 10 <li>1</l 阅读全文
posted @ 2019-12-20 15:15 杨小越 阅读(264) 评论(0) 推荐(0)
查找邻近兄弟节点element.nextElementSibling与element.previousElementSibling案例
摘要： 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 7 </head> 8 <body> 9 <div> 10 <ul> 11 <li>123</li> 阅读全文
posted @ 2019-12-20 15:06 杨小越 阅读(280) 评论(0) 推荐(0)
查找父节点element.parentNode案例：关闭模态框
摘要： 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 div { 8 width: 400px; 9 height: 400px; 10 阅读全文
posted @ 2019-12-20 14:59 杨小越 阅读(221) 评论(0) 推荐(0)
★★★★★数组的方法总结
摘要： 1. push() 后面推进去 push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。 var arr =[1,3,5] → arr.push(7,9) → 结果变成 : [1,3,5,7,9]; 2. unshift() 从数组的前面放入 unshift() 方法可向数组的开头添加一 阅读全文
posted @ 2019-12-20 14:25 杨小越 阅读(162) 评论(0) 推荐(0)
switch做判断的时候用的是===而不是==
摘要： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <script> let a = '2'; switch (a) { case 1: conso 阅读全文
posted @ 2019-12-20 14:12 杨小越 阅读(287) 评论(0) 推荐(0)
input事件源的onchange事件与oninput事件的区别
摘要： 1.oninput 事件在元素值发生变化是立即触发， onchange 在元素失去焦点时触发； 2.onchange 事件也可以作用于<select> 元素。 注：IE 6 7 8 支持的 ： onpropertychange而不是oninput。 阅读全文
posted @ 2019-12-20 13:51 杨小越 阅读(683) 评论(0) 推荐(0)
tab栏切换原理（排他思想：首先干掉所有人， 剩下我自己）
摘要： 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style> 7 section { 8 width: 300px; 9 margin: 100px 阅读全文
posted @ 2019-12-20 13:40 杨小越 阅读(482) 评论(0) 推荐(0)
checkbox的全选，全不选，反选功能
摘要： 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <script> 8 window.onload = function () { 阅读全文
posted @ 2019-12-20 12:58 杨小越 阅读(447) 评论(0) 推荐(0)