文档对象模型（Document Object Model，简称DOM），是W3C组织推荐的处理可扩展标志语言的标准编程接口。在网页上，组织页面（或文档）的对象被组织在一个树形结构中，用来表示文档中对象的标准模型就称为DOM。Document Object Model的历史可以追溯至1990年代后期微 ...
分类：
编程语言 时间：
2016-10-31 20:57:03
阅读次数：
210
由于HTML文档被浏览器解析后就是一棵DOM树，要改变HTML的结构，就需要通过JavaScript来操作DOM。 始终记住DOM是一个树形结构。操作一个DOM节点实际上就是这么几个操作： 更新：更新该DOM节点的内容，相当于更新了该DOM节点表示的HTML的内容； 遍历：遍历该DOM节点下的子节点 ...
分类：
Web程序 时间：
2016-10-31 07:18:31
阅读次数：
351
当我们获得了某个DOM节点，想在这个DOM节点内插入新的DOM，应该如何做？ 如果这个DOM节点是空的，例如，<div></div>，那么，直接使用innerHTML = '<span>child</span>'就可以修改DOM节点的内容，相当于“插入”了新的DOM节点。 如果这个DOM节点不是空的 ...
分类：
Web程序 时间：
2016-10-31 07:10:28
阅读次数：
245
拿到一个DOM节点后，我们可以对它进行更新。 可以直接修改节点的文本，方法有两种： 一种是修改innerHTML属性，这个方式非常强大，不但可以修改一个DOM节点的文本内容，还可以直接通过HTML片段修改DOM节点内部的子树： 用innerHTML时要注意，是否需要写入HTML。如果写入的字符串是通 ...
分类：
Web程序 时间：
2016-10-31 07:05:54
阅读次数：
310
ng-if 跟 ng-show/hide 的区别有哪些？ 1、 ng-if 在后面表达式为 true 的时候才创建这个 dom 节点， ng-show 是初始时就创建了，用 display:block 和 display:none 来控制显示和不显示。 2、ng-if 会（隐式地）产生新作用域， n ...
分类：
Web程序 时间：
2016-10-30 16:13:02
阅读次数：
327
1.React文档结构 2.ReactDOM.render（） 3.JSX 语法 4.组件 5.this.props.children 6.PropTypes 7.getDefaultProps用来设置组件的默认属性 8.获取真实的dom节点 9.this.state 10.表单 11.生命周期-c ...
分类：
其他好文 时间：
2016-10-28 10:08:34
阅读次数：
275
原生js学习笔记4——BOM操作 什么是DOM DOM：Do 1. js的组成部分 2. 一套标准，目前有DOM1和DOM2这两种标准 我们可以使用DOM操作来操作页面中的元素。 DOM节点 子节点 ? childNode：返回值一个数组，放的是父节点中所有的子节点 ? nodeType:返回值是一 ...
分类：
编程语言 时间：
2016-10-19 13:53:48
阅读次数：
245
注意：这是一种高级技术，通常仅在创建可重用绑定或扩展语法的库时使用。 这不是你通常需要做的时候使用Knockout构建应用程序。 从Knockout 3.0开始，开发人员可以通过提供在绑定过程中重写DOM节点和绑定字符串的回调来定义自定义语法。 预处理绑定字符串 您可以通过为特定绑定处理程序（例如c... ...
A:更新DOM 1、innerHTML方法：修改一个DOM节点其全部的内容 2、innerText 3、textContent innerText和textContent区别：读取属性时，innerText不返回隐藏元素的文本，而textContent返回所有文本。另外注意IE<9不支持textCo ...
分类：
其他好文 时间：
2016-10-15 14:25:34
阅读次数：
138
通过 HTML DOM，能够使用节点关系在节点树中导航。 1.HTML DOM 节点列表 getElementsByTagName() 方法返回节点列表。节点列表是一个节点数组。 下面的代码选取文档中的所有 <p> 节点： 💡注意：下标号从 0 开始。 2.HTML DOM 节点列表长度 leng ...
分类：
编程语言 时间：
2016-10-13 19:27:06
阅读次数：
135
