首页
学习
活动
专区
圈层
工具
发布

querySelector与querySelectorAll

和querySelectorAll)及其用法 querySelector和querySelectorAll的基本用法 平常我们在查找节点时总是一个个".getElementById..."...没错,今天介绍的querySelector和querySelectorAll就是可以直接使用CSS选择器一样的写法的方法。...querySelector和querySelectorAll的区别 querySelector和querySelectorAll他们之间的区别就好比getElementById和getElementsByTagName...一样,querySelector返回的是单独的一个节点,而querySelectorAll返回的是一个节点集合,换句话说就是querySelectorAll返回的是一个节点对象的数组。...关于静态节点动态节点实例可以看这篇文章《获取标签的那些事 之 动态集合》 querySelector和querySelectorAll的注意问题 通过上面的几个步骤,我们基本了解了querySelector

1.6K70
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    querySelector-强大的原生DOM选择器

    下面要说的是querySelector和querySelectorAll。这是操作DOM的新方式,目前所有的浏览器厂商均已经支持。就连IE都在IE8上面做出了支持。下面一起来看一下如何使用吧!...定义 querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。 注意:querySelector() 方法仅仅返回匹配指定选择器的第一个元素。...语法 document.querySelector(CSS selectors) 参数值介绍 必须。指定一个或多个匹配元素的 CSS 选择器。...实例 1、获取文档中第一个 元素: document.querySelector("span"); 2、获取文档中 class="demo" 的第一个元素: document.querySelector..." 属性的第一个 元素: document.querySelector("a[target]"); 5、设置文档中第一个h1的背景颜色为红色: document.querySelector("h1

    1.7K10

    三问Spring事务:解决什么问题?如何解决?存在什么问题?

    解决什么问题 让我们先从事务说起,“什么是事务?我们为什么需要事务?”。事务是一组无法被分割的操作,要么所有操作全部成功,要么全部失败。...上文列出了三个待解决的问题,下面我们看Spring事务是如何解决。 2. 如何解决 2.1 繁杂的事务管理API 针对该问题,我们很容易可以想到,在众多事务管理的API上抽象一层。...2.3 业务处理代码与事务管理代码混杂 在2.1节中给出了使用Spring事务API的写法,即编程式事务管理,但仍未解决“业务处理代码与事务管理代码混杂”的问题。...存在什么问题 Spring事务为了我们解决了第一节中列出的三个问题,但同时也会带来些新的问题。

    1.2K20
    领券