document.querySelector

document.querySelector 这个document对象的querySelector是HTML5API新定义的方法

如果是id选择器传放一个参数“#id”
id选择器返回这个节点元素对象
如果是class的选择器则传入一个".class"
class选择器返回document节点或id节点元素对象中的第一个元素

获取文档中id=”container”的元素

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title></title>
</head>
<body><div id="contatiner">huang</div><script type="text/javascript">var destination = document.querySelector("#contatiner");console.log(destination);</script>
</body>
</html>

document.querySelector相关推荐

document.querySelector和querySelectorAll方法
querySelector和querySelectorAll是W3C提供的新的查询接口,其主要特点如下: 1.querySelector只返回匹配的第一个元素,如果没有匹配项,返回null. 2. ...
javascript之原生document.querySelector和querySelectorAll方法
querySelector和querySelectorAll是W3C提供的新的查询接口,其主要特点如下: 1.querySelector只返回匹配的第一个元素,如果没有匹配项,返回null. 2. ...
[js] 写一个 document.querySelector 的逆方法
[js] 写一个 document.querySelector 的逆方法 document.queryNode = function(node){if(node.id){return '#'+ nod ...
重学前端第一阶段完钢琴项目(document.querySelector js改变css样式的3种方式思路成品)
菜鸟学完之后,总是感觉学了也还是不会,主要就是因为没有实践,不知道自己到底哪里有问题!虽然说我还没复习完,前端很大一部分都处于模糊阶段,但是感觉还是应该先尽力做一个简单的东西,把这几天学的都用进去,遇 ...
【加强版】js原生实现拖拽效果，这次没有用document的mousedown、mousemove、mouseup事件我们来点实际的（但是有个弊端：拖拽过程中鼠标会变成一个禁用符号，不太友好）
<div class='dragged'></div> //初始化需要拖拽的列initDrags() {var arr = document.querySelectorAll( ...
querySelector querySelectorAll
querySelector & querySelectorAll --->像CSS一样选择DOM 在传统的 JavaScript 开发中,查找 DOM 往往是开发人员遇到的第一个头疼的问 ...
强大的原生DOM选择器querySelector和querySelectorAll
在传统的 JavaScript 开发中,查找 DOM 往往是开发人员遇到的第一个头疼的问题,原生的 JavaScript 所提供的 DOM 选择方法并不多,仅仅局限于通过 tag, name, id ...
HTML5中类jQuery选择器querySelector的使用
简介 HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素,功能类似于jQuery的 ...
JavaScript 技术篇-js获取document的几种方式，js获取dom元素的常用方法。
方法主要分为两大类第一类:通过属性获取. <p id = "fash"></p> 通过 document.getElementById("fas ...
javascript 原生得到document.Element的方法
今天这里写这个博客的主要目的是记录一下javascript原生的选择dom的集中方法. 1.document.getElementById.这个方法接收1个参数,就是DOM元素的id(区分大小写),这 ...

document.querySelector

document.querySelector相关推荐

最新文章

热门文章