原生javascript和jQuery操作DOM的对比总结 目录： DOM元素节点：1）文档节点；2）元素节点；3）属性节点；4）文本节点；5）注释节点 1）创建节点 2）选择（访问）节点 3）操作： 1）节点操作 1）添加节点 2）删除节点 3）修改内容： 1）文本【text】 2）html 3） ...
分类：
Web程序 时间：
2017-04-10 10:53:50
阅读次数：
224
DOM入门方法实例1 DOM入门方法实例2 nodeName 属性 nodeName 属性规定节点的名称。 nodeName 是只读的 元素节点的 nodeName 与标签名相同 属性节点的 nodeName 与属性名相同 文本节点的 nodeName 始终是 #text 文档节点的 nodeNam ...
分类：
其他好文 时间：
2017-04-08 14:51:41
阅读次数：
248
一个元素的child会包含空格，会以文本节点的形式展现。 所以我们如果用原生javascript最好使用firstElementChild或者lastElementChild来获取相应的元素节点。 ...
分类：
其他好文 时间：
2017-04-06 11:04:29
阅读次数：
166
DOM对象将HTML文档变成元素,属性,文本的树结构。 元素节点:标签一般就是元素。 属性节点:a标签中加入的超链接href就是属性。 文本节点:一般是展示给用户看的<p>标签内的文字,table表格中<tr>中的文字,ul中<li>的文字。 节点属性: document.getElementByI ...
分类：
Web程序 时间：
2017-04-05 14:44:58
阅读次数：
231
元素的childNodes属性中包含了他的所有子节点，这些子节点有可能是元素，文本节点，注释或者处理指定，也就是所 例如： 在不同的浏览器中，返回ul元素的子节点的数目不同，，因为li元素之间的空格，所以在除IE之外的其他浏览器之中，会返回子节点的数目为7，包括li元素之间的空白符 在遍历子节点时， ...
分类：
其他好文 时间：
2017-04-02 12:23:29
阅读次数：
174
a) 带Element的获取的是元素节点 b) 不带可能获取文本节点和属性节点 a) . childNodes b) . children c) . parentNode . children [索引] 设置样式的两种方式 style 1 <!DOCTYPE html> 2 <html lang=" ...
分类：
Web程序 时间：
2017-03-29 00:52:15
阅读次数：
513
1.节点的创建 节点的创建使用document.creatElment();文本节点的创建使用document.creatTextNode();如想把<li>哈密瓜</li>添加到一个如下所示的列表中 可添加如下javascript代码 2.节点的替换 节点的替换可使用parentNode.repl ...
分类：
编程语言 时间：
2017-03-26 16:28:38
阅读次数：
143
JavaScriopt DOM有三大节点：元素节点、属性节点、文本节点。 其中获取元素节点的三种主要方法有： 1.document.getElementById();此方法根据节点的唯一id值获取节点。 如<li id = "hamigua">哈密瓜</li>,document.getElement ...
分类：
编程语言 时间：
2017-03-23 16:41:38
阅读次数：
198
DOM模型其实将一个HTML和一颗树之间进行映射。 DOM中有以下节点： 元素节点：<html>、<body>、<meta>和<h1>等都是元素节点。 文本节点：文本节点是向用户展示的类容，在XHTML中文本节点总是被包含在元素节点的内部，但是元素节点并不一定包含文本节点，比如说<ul>。 属性节点 ...
分类：
其他好文 时间：
2017-03-21 19:47:21
阅读次数：
138
文档对象模型DOM(Document Object Mod) 为了使我们更够通过编程的方式控制网页，W3C提出了文档对象模型 DOM 可被 JavaScript 用来读取、改变 HTML、XHTML 以及 XML 文档。 DOM定义的节点文档节点Document，文本节点Text，注释节点Comme ...
分类：
其他好文 时间：
2017-03-13 13:39:41
阅读次数：
146
