Lesson-2 这个版本新增 next(),prev(),parent(),parents() 这4个选择元素的方法还是比较常用的 首先我们需要一个func来过滤我们需要的dom function sibling(cur, dir) { while ((cur = cur[dir]) && cur ...
分类：
Web程序 时间：
2020-05-26 18:12:26
阅读次数：
70
/ ：按照层级一代一代的查找 // ： 忽视层级查找所有 [] 方块号 ： 0->n ：按照数组下标查找 last() : 最后一个 @* : 含有任意属性的标签 @ID 含有ID属性标签 not(@*) :不含属性标签 @ID=‘b1’ 含有ID属性，并且值为b1标签 normalize-spac ...
分类：
其他好文 时间：
2020-05-21 00:40:58
阅读次数：
63
(点击图片进入关卡) 选择一个元素的近邻来控制近邻！ 简介 siblings() 函数的作用返回一列近邻元素 默认代码 <!-- 要选择邻近元素，使用 "siblings()" --> <!-- 使用此功能可以忽略目标旁边的元素。 --> <!-- 元素在相似的情况下等同近邻元素。 --> <scr ...
分类：
Web程序 时间：
2020-05-20 18:52:54
阅读次数：
84
BOM与DOM操作 BOM：浏览器对象模型(Browser Object Model) 用js代码操纵浏览器 DOM：文档对象模型(Document Object Model) 用js代码操纵标签 BOM操纵 window对象 window.innerHeight //获取浏览器窗口高度 windo ...
分类：
Web程序 时间：
2020-05-18 23:00:17
阅读次数：
73
CSS 组合选择符 CSS 组合选择符 在 CSS3 中包含了四种组合方式:CSS组合选择符包括各种简单选择符的组合方式。 后代选择器(以空格分隔) 子元素选择器(以大于号分隔） 相邻兄弟选择器（以加号分隔） 普通兄弟选择器（以破折号分隔） 后代选择器 后代选择器用于选取某元素的后代元素。 以下实例 ...
分类：
Web程序 时间：
2020-04-08 09:43:08
阅读次数：
92
节点应用 获取页面上的元素diva var diva=document.querySelector("#diva"); console.log(diva.childNodes);获取子节点 console.log(diva.children);获取子元素 console.log(diva.paren ...
分类：
Web程序 时间：
2020-04-07 09:17:10
阅读次数：
71
const app = document.getElementById('app'); app.innerHTML = ` <h1>JavaScript DOM</h1> <ul id="list"> <li>1</li> <li>2</li> <li>3</li> <li>4</li> </ul> ...
分类：
编程语言 时间：
2020-03-30 09:46:38
阅读次数：
79
# 定位当前节点后的所有节点 //标签名[@属性=属性值]/follow::标签名[@属性=属性值] # 定位同一节点后的所有同级节点 //标签名[@属性=属性值]/follow-sibling::标签名[@属性=属性值] # 定位当前节点的所有子节点 //标签名[@属性=属性值]/child::标 ...
分类：
其他好文 时间：
2020-03-21 13:14:19
阅读次数：
95
<script type="text/javascript"> function fileChange(target) { var name=target.value; var fileName = name.substring(name.lastIndexOf(".")+1).toLowerCas ...
分类：
Web程序 时间：
2020-03-03 15:04:40
阅读次数：
183
