DOM操作相关文章(持续更新中)

xioqua 发布于2019-08-19 18:43 / 2883人阅读

摘要：将返回匹配到的第一个元素，如果没有匹配的元素则返回。这是原生方法，比起速度快，缺点是不支持。推荐文章更快捷的操作的途径代码持续更新中

querySelector：选择相应的元素标签具有和jquery类似的写法
用法：

document.querySelector("div.test>p:first-child");
document.querySelector("#test");

（返回指定元素节点的子树中匹配selector的集合中的第一个，如果没有匹配，返回null）
querySelectorAll：选择相应的元素标签具有和jquery类似的写法，支持选择器的
用法：

document.querySelectorAll("div.test>p:first-child")[0];
document.querySelectorAll("#test")[0];

（返回指定元素节点的子树中匹配selector的节点集合，采用的是深度优先预查找；如果没有匹配的，这个方法返回空集合）
总结：他们接收的参数和 CSS 选择器完全一致；querySelector 和 querySelectorAll 的区别在于 querySelector 用来获取一个元素，而querySelectorAll 可以获取多个元素。querySelector 将返回匹配到的第一个元素，如果没有匹配的元素则返回 Null。
这是原生方法，比起jquery速度快，缺点是IE6、7不支持。
推荐文章:http://www.nowamagic.net/librarys/veda/detail/388

DocumentFragment：更快捷的操作DOM的途径http://www.webhek.com/javascript-documentfragment/
http://www.cnblogs.com/blueSkys/p/3685740.html
代码：

持续更新中.....

GPU云服务器云服务器 js中操作dom节点相关文章 Dom操作 dom对象操作

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/79917.html

使用ES6新特性实现简单的MVVM（1）--数据驱动

摘要：尝试使用新特性，自己来实现一个及的各种特性。我们可以利用这个特性来实现对数据的监听结果简单的操作我们已经可以对简单的数据操作进行监听虽然还有各种问题，接下来，我们只要在监听到后进行数据操作即可。尝试使用es6新特性，自己来实现一个mvvm及vue的各种特性。相关代码放在github，会持续更新，欢迎赏个star。本篇文章为系列文章的第一篇，会比较容易理解，后续会持续更新后面的记录。文...

ispring 2019-08-20 18:18 评论0 收藏0
使用ES6新特性实现简单的MVVM（1）--数据驱动

摘要：尝试使用新特性，自己来实现一个及的各种特性。我们可以利用这个特性来实现对数据的监听结果简单的操作我们已经可以对简单的数据操作进行监听虽然还有各种问题，接下来，我们只要在监听到后进行数据操作即可。尝试使用es6新特性，自己来实现一个mvvm及vue的各种特性。相关代码放在github，会持续更新，欢迎赏个star。本篇文章为系列文章的第一篇，会比较容易理解，后续会持续更新后面的记录。文...

cloud 2019-08-01 17:15 评论0 收藏0
前端框架这么多，该如何抉择？

摘要：在引起状态变化的时刻，框架自动触发脏检查，也可以手动执行脏检查，直接操作更新视图。最后，说了这么多，大家在具体选型时还是要首先分析自己的需求和现状，然后再做选择。作为一个软件开发者，最大的挑战就是在不断涌现的新技术中进行取舍，持续学习是从事这一行业的必备技能。在这个领域里，技术更新最快地又非前端莫属了。各种框架的出现、版本的更新此起彼伏，呈现出一派欣欣向荣之景。在项目中必不可少的便...

Jackwoo 2019-08-29 15:37 评论0 收藏0
前端框架这么多，该如何抉择？

摘要：在引起状态变化的时刻，框架自动触发脏检查，也可以手动执行脏检查，直接操作更新视图。最后，说了这么多，大家在具体选型时还是要首先分析自己的需求和现状，然后再做选择。作为一个软件开发者，最大的挑战就是在不断涌现的新技术中进行取舍，持续学习是从事这一行业的必备技能。在这个领域里，技术更新最快地又非前端莫属了。各种框架的出现、版本的更新此起彼伏，呈现出一派欣欣向荣之景。在项目中必不可少的便...

lemon 2019-08-26 11:59 评论0 收藏0