选择符API

原创 2018年04月17日 11:55:28

querySelector( )方法

querySelector( )方法接受一个CSS选择符,返回与该模式匹配的第一个元素,如果没有找到则返回null。看下面列子:

//取得body元素
var body = document.querySelector("body");

//取得ID为"myDiv"的元素
var myDiv = document.querySelector("#myDiv");

//取得类为"myClass"的元素
var myClass = document.querySelector(".myClass");

//取得类为"btn"的第一个图像元素
var img = document.body.querySelector("img.btn");

通过Document类型调用querySelector()方法时,会在文档元素的范围内查找匹配的元素。而通过Element类型调用querySelector()方法,只会在该元素后代元素的范围内查找匹配的元素。

querySelsetorAll( )方法

querySelectorALL( )接受的参数跟querySelector( )方法一样,但返回的是该模式匹配的所有元素。

matchesSelector( )方法

这个方法接收一个参数,即CSS选择符,如果调用元素与该选择符匹配,返回true;否则返回false。

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/FLQ77/article/details/79972826

TensorFlow API攻略

随着人工智能的复兴,特别是阿法狗在围棋界轻松碾压所有人类棋手时,我们在惊奇它的神奇,它的高智慧,更好奇它的来源,以及它的实现原理,以及它的实际运行过程,那么你需要学习这个课程。TensorFlow是将复杂的数据结构传输至人工智能神经网中进行分析和处理过程的系统,如果你想快捷、熟练地使用它来开发人工智能的程序,那么你需要学习它的API使用,才可以使用TensorFlow这个平台高效地工作。
  • 2017年03月20日 14:25

DOM扩展_选择符API

1、querySelector():方法接收一个css的选择器,返回该模式匹配的第一个元素, 如果没有找到则返回null。 //取得body元素 var bo...
  • only_Love_Strangers
  • only_Love_Strangers
  • 2015-07-26 19:48:27
  • 354

包含选择与子对象选择符的区别

相信会进来看这篇文章的人,都对CSS选择符这个名词不陌生了。CSS为我们提供了很多选择符,这使得我们可以根据自己的需要选择适合的选择符来进行样式的构造。   在众多的选择符里,相信大家用的最多,最熟...
  • w617280955
  • w617280955
  • 2012-04-05 15:15:50
  • 920

CSS 选择符有哪些

CSS 选择符有哪些 1)id 选择器(#myid) 2)类选择器(.myclassname) 3)标签选择器(div,h1,p) 4)相邻选择器(h1 + p) 5)子选择器(ul >...
  • Judian6974
  • Judian6974
  • 2017-08-01 17:26:55
  • 2003

HTML5的选择符及元素

HTML中有哪些选择符? 1.通配选择符 2.类型选择符 3.属性选择符 4.包含选择符 5.子对象选择符 6.ID选择符 7.类选择符 8.选择符分组 9.伪类及伪对象选择符  ...
  • shangirl
  • shangirl
  • 2016-08-02 23:13:18
  • 717

关于分组选择符

作用:为html中多个标签元素设置同一个样式 语法:h1,span{font-size:20px} 相当于下面两行代码 h1{font-size:20p...
  • lianglizhong1991
  • lianglizhong1991
  • 2016-08-02 15:59:27
  • 334

css选择符的优先级

CSS 选择符有哪些?哪些属性可以继承?优先级算法如何计算? CSS3新增伪类有那些? 一、.CSS的选择符有哪些? 1.id选择器( # myid) 2.类选择器(.myclassname...
  • shuidinaozhongyan
  • shuidinaozhongyan
  • 2017-05-10 14:58:08
  • 350

CSS选择符的种类以及对比分析

CSS选择符             选择符就是你要操作的XHtml元素,可以使Xhtml标签,比如;可以使标签的class属性,例如;也可以是标签的ID属性,例如:;          选择符的...
  • u011983478
  • u011983478
  • 2015-08-18 21:27:31
  • 564

css 选择符与 权重值计算

css初学 2017-02-27 18:26 css 权重值计算 的计算 在css中 根据不同的css选择符 dom元素会呈现不同的样式 但是如果不同的选择符 操作同一个dom元素 呈现...
  • u011277123
  • u011277123
  • 2017-02-28 09:11:56
  • 676

CSS选择符优先级

1.计算优先级的步骤 (1)如果一条声明来自style属性,也就是内联样式,那么它具有最高的优先级。如果不是,则转入第二步。 (2)计算ID选择符的数目。数目最大的声明具有最高的优先级。如果两个或多个...
  • u010200222
  • u010200222
  • 2013-08-23 20:14:18
  • 1200
收藏助手
不良信息举报
您举报文章:选择符API
举报原因:
原因补充:

(最多只允许输入30个字)