例题一枚：在input框中输入内容，会相应的显示在下面的div中的不同做法： js：原生DOM操作 指点迷津：getElementById获取DOM节点，innerHTML:设置或者获取节点内部的所有HTML代码； 这里需要注意获取到input里面的节点内容需要获取value值。 这里使用的是inn ...
分类：
其他好文 时间：
2017-05-06 15:11:22
阅读次数：
214
1.Mounted: react components被 render解析，生成对应的DOM节点，并被插入浏览器的DOM结构的一个过程，页面呈现出来以后，已经mounted了 2.Updated: 一个mounted的react components被重新render的过程，并不是相应的DOM结构一 ...
分类：
其他好文 时间：
2017-05-05 12:46:06
阅读次数：
117
在开发的时候，最主要是对DOM进行操作。DOM：Document Object Model 文本对象模型。DOM能够以一种独立于平台和语言的方式訪问和改动一个文档的内容和结构。 DOM是针对xml(HTML)的基于树的API。 DOM树：表示的是节点的层次。例如以下图： DOM节点及其类型：HTML ...
分类：
编程语言 时间：
2017-05-01 16:06:34
阅读次数：
237
一、查找DOM节点 查找节点非常容易，使用选择器就能轻松完成各种查找工作。例：查找元素节点p返回p内的文本内容$("p").text();例：查找元素节点p的属性返回属性名称对应的属性值$("p").attr("title"),返回p的属性title的值。 二、新建DOM节点 1、创建元素节点 创建 ...
分类：
Web程序 时间：
2017-04-27 10:27:31
阅读次数：
175
基本概念 基本概念 在讲解操作DOM的api之前，首先我们来复习一下一些基本概念，这些概念是掌握api的关键，必须理解它们。 Node类型 DOM1级定义了一个Node接口，该接口由DOM中所有节点类型实现。这个Node接口在JS中是作为Node类型实现的。在IE9以下版本无法访问到这个类型，JS中 ...
分类：
编程语言 时间：
2017-04-26 15:52:32
阅读次数：
151
js闭包其实不难，你需要的只是了解何时使用它 究竟什么是闭包？闭包在什么场景下使用？写前端程序需要用到闭包吗？我用jQuery也能写的好好滴呀？闭包可以解决哪些问题？使用闭包会带来哪些好处？ 闭包是指可以包含自由（未绑定到特定对象）变量的代码块；这些变量不是在这个代码块内或者任何全局上下文中定义的， ...
分类：
其他好文 时间：
2017-04-25 13:14:18
阅读次数：
145
编辑 DOM Chrome DevTools 的 Elements 面板中的 DOM 树视图可以显示当前网页的 DOM 结构。通过 DOM 更新实时修改页面的内容和结构。 DOM 定义您的页面结构。每一个 DOM 节点都是一个页面元素，例如，标题节点或段落节点。 通过渲染的 DOM 实时编辑页面的内 ...
分类：
其他好文 时间：
2017-04-24 19:49:01
阅读次数：
220
JS中获取DOM节点的类有3种方法： 1、classList H5的方法，仅兼容IE10+，配套带有remove等api 2、getAttribute('class') 据说在低版本IE有兼容问题，建议用方法3 3、className 这个方法万能 其实要讲的是看到vue源码里面的一个方法，兼容IE ...
分类：
其他好文 时间：
2017-04-24 17:20:54
阅读次数：
155
1。DOM的基本概念：DOM是文档对象模型，定义访问和处理HTML文档的标准方法。文档是指标签文档，对象是指文档中每个元素。DOM将HTML文档呈现带有元素，属性和文本 的树结构。 先来看看下面的代码： 将HTML代码分解为DOM节点层次图; HTML文档可以说由节点构成的集合，DOM节点有： 1 ...
分类：
Web程序 时间：
2017-04-23 11:21:48
阅读次数：
200
节点属性 Node.nodeName //返回节点名称，只读 Node.nodeType //返回节点类型的常数值，只读 Node.nodeValue //返回Text或Comment节点的文本值，只读 Node.textContent //返回当前节点和它的所有后代节点的文本内容，可读写 Node ...
