JS学习之路系列总结四象阵（此文犹如武林之中的易筋经，是你驰骋IT界的武功心法，学会JS五大阵法就学会了JS，博主建议先学三才阵）

四象阵法: 增加删除改变查找【为了便于记忆，减少占用大脑内存，我命名为JS心法为：道阵法，两仪阵法，三才阵法，四象阵法，五行阵法，只需记住阵法的关键字，即可搜索大脑中相应的内容，学会JS五大阵法即可学会JS】

DOM操作增删该查（Document文档 Object对象 Model模型）

增加节点：

var div=document.createElement("div");

var text=document.createTextNode("我是文本节点");

fatherNode.appChild(childNode);【在fatherNode元素内部添加childNode】

fatherNode.insertBefore(insertNode,targetNode);【在fatherNode元素内部添加childNode】

node.cloneNode(ture);【true复制node节点及其子节点，false只复制node节点，不填时默认为false，复制img标签时可以用false】

删除节点：

fatherNode.removeChild(childNode);【删除fatherNode元素内部节点childNode】

改变节点:

fatherNode.replaceChild(replaceNode，targetNode)；【如果replaceNode是已存在节点，会把target删除，把replaceNode放在此处】

查找:

var idSelector=document.getElementById("#selector");

var tagSelector=document.getElementsByTagName("div");

var tagSelector=idSelector.getElementsByTagName("div");【只选择idSelector的div】

H5元素选择器

var classSelector=document.getElementsByClassName(".selector")【支持IE9 】

var query=document.querySelector("#selector") 【支持CS中所有的选择器】【支持IE8 】【返回第一个匹配的元素】

var queryAll=document.querySelectorAll(".selector")【支持CS中所有的选择器】【支持IE8 】【返回所有匹配的节点列表nodeList类数组】

【classList系列 IE9 支持】

classList.add("class1,class2.....") 【添加一个或多个类名】

classList.remove("class1,class2.....") 【删除一个或多个类名】

classList.toggel("class") 【切换类名】

classList.contains("class") 【判断类名是否存在，存在未true，不存在为false】

clasList.item(index) 【返回指定索引的类名】

classList.length 【返回类名的个数】

JS学习之路系列总结四象阵（此文犹如武林之中的易筋经，是你驰骋IT界的武功心法，学会JS五大阵法就学会了JS，博主建议先学三才阵）相关推荐

Vue.js学习详细课程系列--共32节（1 / 6）
Vue.js学习课程(1 / 6) 01. 什么是Vue.js? 什么是Vue.js? 官方网站竞争对手技术前提开发工具 02. 从index.html开始知识点 index.html vue ...
Vue.js学习详细课程系列--共32节（4 / 6）
Vue.js学习课程(4 / 6) 19. 表单复选框知识点表单复选框绑定 20. 表单单选按钮知识点表单单选按钮绑定 21. 表单下拉框知识点表单下拉框绑定 22. 表单修饰符知识点 ...
Vue.js学习详细课程系列--共32节（2 / 6）
Vue.js学习课程(2 / 6) 07. 过滤器知识点 filters 08. 计算属性知识点 computed 09. 观察属性知识点 $watch 10. 设定机算属性知识点 sette ...
JS学习之路，菜鸟总结的注意事项及错误更正
JavaScript 是一种面向对象的动态语言,它的语法来源于 Java 和 C,所以这两种语言的许多语法特性同样适用于 JavaScript.需要注意的一个主要区别是 JavaScript 不支持 ...
node.js学习之路（1）
node.js 属于后台语言,后台语言还有php,java等. 优势:1.性能好 node.js VS php 86倍 2.跟前台JS配合方便 3.node.js便于前端学习 https:// ...
Three.js 学习之路（一）
1.一个友好的编辑器可以提高工作效率,webstrom,vscode是开发three.js的不错选择. 2.快速学习Three.js,可以从官网https://threejs.org/ 下载源码,查阅 ...
Node.js学习之路--npm包管理工具操作汇总
因为在学习使用Express(第三方Web开发框架)时需要下载这个包,所以使用npm包管理工具这个相关的操作,现在将其相关的操作进行汇总. npm命令在cmd或者powershell中进行;注意:使用 ...
babylon 画线_【温故知新】——BABYLON.js学习之路·前辈经验（一）
前言:公司用BABYLON作为主要的前端引擎,同事们在长时间的项目实践中摸索到有关BABYLON的学习路径和问题解决方法,这里只作为温故知新. 一.快速学习BABYLON 二.需要掌握的基本技能 1. ...
Node.js学习之路24——Express框架的app对象
1.express() 基于Node.js平台,快速.开放.极简的web开发框架. 创建一个Express应用.express()是一个由express模块导出的入口top-level函数. cons ...
Node.js学习之路09——Path基本介绍
Path 1. normalize()将非标准路径字符串转换为标准路径字符串解析路径字符串中的..和.字符串,返回解析后的标准路径将多个斜杠字符串转换为一个斜杠字符串,例如将\\转换为\ 将win ...

JS学习之路系列总结四象阵（此文犹如武林之中的易筋经，是你驰骋IT界的武功心法，学会JS五大阵法就学会了JS，博主建议先学三才阵）

JS学习之路系列总结四象阵（此文犹如武林之中的易筋经，是你驰骋IT界的武功心法，学会JS五大阵法就学会了JS，博主建议先学三才阵）相关推荐

最新文章

热门文章