[OHIF-Viewers]医疗数字阅片-医学影像-es6-Element.querySelector()
[OHIF-Viewers]医疗数字阅片-医学影像-es6-Element.querySelector()
https://developer.mozilla.org/zh-CN/docs/Web/API/Element/querySelector
语法
element = baseElement.querySelector(selectors);
element
和baseElement
是element
对象.selectors
是一个CSS选择器字符串( selectors )
参数
-
selectors
-
一组用来匹配
Element
baseElement
后代元素的选择器selectors;必须是合法的css选择器,否则会引起语法错误。返回匹配指定选择器的第一个元素。
返回值
基础元素(baseElement)的子元素中满足指定选择器组的第一个元素。匹配过程会对整个结构进行,包括基础元素和他的后代元素的集合以外的元素,也就是说,选择器首先会应用到整个文档,而不是基础元素,来创建一个可能有匹配元素的初始列表。然后从结果元素中检查它们是否是基础元素的后代元素。第一个匹配的元素将会被querySelector()方法返回。
如果没有找到匹配项,返回值为null。
异常
-
SyntaxError
- 指定的选择器无效。
例子
我们来看几个例子。
查找一个具有特殊属性值的元素
在第一个例子中,会返回HTML文档里第一个没有type属性或者有值为“text/css”的type属性的<style>
元素:
let el = document.body.querySelector("style[type='text/css'], style:not([type])");
整个层次结构有效
下面的例子演示了在应用选择器时考虑整个文档的层次结构, 因此在定位匹配时仍然考虑指定的 baseElement 之外的级别。
HTML
<div><h5>Original content</h5> <p> inside paragraph <span>inside span</span> inside paragraph </p> </div> <div> <h5>Output</h5> <div id="output"></div> </div>
JavaScript
var baseElement = document.querySelector("p"); document.getElementById("output").innerHTML = (baseElement.querySelector("div span").innerHTML);
OHIF其中一行代码
[OHIF-Viewers]医疗数字阅片-医学影像-es6-Element.querySelector()相关推荐
- [OHIF-Viewers]医疗数字阅片-医学影像-es6解构赋值-const{}=-let{}=
[OHIF-Viewers]医疗数字阅片-医学影像-es6解构赋值-const{}=-let{}= 解构赋值语法是一种 Javascript 表达式.通过解构赋值, 可以将属性/值从对象/数组中取出, ...
- [OHIF-Viewers]医疗数字阅片-医学影像-ES6箭头函数(=)
[OHIF-Viewers]医疗数字阅片-医学影像-ES6箭头函数(=>) https://www.liaoxuefeng.com/wiki/1022910821149312/103154957 ...
- [OHIF-Viewers]医疗数字阅片-医学影像-中间插播一下-es6-使用const加箭头函数声明函数相对于function声明函数有什么好处?...
[OHIF-Viewers]医疗数字阅片-医学影像-中间插播一下-es6-使用const加箭头函数声明函数相对于function声明函数有什么好处? 这个好多人都已经写过了,这里插播一下,在OHIF- ...
- [OHIF-Viewers]医疗数字阅片-医学影像-事件总线管理器
[OHIF-Viewers]医疗数字阅片-医学影像-事件总线管理器 添加按钮>调用命令>注册回调函数 App.js import React, { Component } from 're ...
- [OHIF-Viewers]医疗数字阅片-医学影像-cornerstone-core-Cornerstone.js提供了一个完整的基于Web的医学成像平台。...
[OHIF-Viewers]医疗数字阅片-医学影像-cornerstone-core-Cornerstone.js提供了一个完整的基于Web的医学成像平台. 还必须写中文,不然不让同步,蛋疼呀--- ...
- [OHIF-Viewers]医疗数字阅片-医学影像-数字胶片直接下载,不再弹窗进行设置
[OHIF-Viewers]医疗数字阅片-医学影像-数字胶片直接下载,不再弹窗进行设置 直接下载解决方案 \Viewers\extensions\cornerstone\src\commandsMod ...
- [OHIF-Viewers]医疗数字阅片-医学影像-querySelector() 选择器语法-将画布(canvas)图像保存成本地图片的方法...
[OHIF-Viewers]医疗数字阅片-医学影像-querySelector() 选择器语法-将画布(canvas)图像保存成本地图片的方法 将画布(canvas)图像保存成本地图片的方法 使用HT ...
- [OHIF-Viewers]医疗数字阅片-医学影像-使用 PropTypes 进行类型检查
[OHIF-Viewers]医疗数字阅片-医学影像-使用 PropTypes 进行类型检查 注意: 自 React v15.5 起,React.PropTypes 已移入另一个包中.请使用 prop- ...
- [OHIF-Viewers]医疗数字阅片-医学影像-REACT-Hook API索引
[OHIF-Viewers]医疗数字阅片-医学影像-REACT-Hook API索引 Hook 是 React 16.8 的新增特性.它可以让你在不编写 class 的情况下使用 state 以及其他 ...
最新文章
- AI如何设计,才能人类利益最大化?
- c语言指向常量的指针和常量指针
- 计算机应用网站设计,《计算机应用基础》课程网站的设计与实现
- sqlserver2008 安装时需要重启的解决办法
- win10系统winsxs文件夹该如何删除
- java最大内存_JAVA:测试java虚拟机支持的最大内存 Xmx 值?Tomcat 内存溢出?
- C++ 继承关系图 01
- 核函数的充要条件-Mercer定理的证明
- Subversion快速入门教程(SVN)
- 【第4篇】人工智能(AI)语音测试原理和实践
- Duplicate entry 'dage' for key 'PRIMARY'
- 滚雪球学 Python 第二轮封笔之文,类函数、成员函数、静态函数、抽象函数、方法伪装属性
- 《520婚恋报告》 20%的人婚后都无比后悔
- 共探机遇 2018中国产业互联网化纤创新者大会华丽启幕...
- 鸢尾花lris数据集的SVM线性分类
- Javaweb 成语接龙(实验)
- c语言中循环并列语句顺序,C语言第五讲,语句 顺序循环选择.
- GD32F4xx 以太网芯片(enc28j60)驱动移植
- kotlin中RecyclerView.Adapter通用适配器
- 交易猫链接搭建/带完整版源码