码迷,mamicode.com
首页 > 其他好文 > 详细

【Vue源码】document.querySelector()方法

时间:2020-07-28 22:28:34      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:col   类型   mamicode   方法   asc   选择   inf   bsp   alt   

HTML 的DOM querySelector()方法可以不需要额外的jQuery等支持,也可以方便的获取DOM元素,语法跟jQuery类似。

获取文档中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>

技术图片

 

 

注意: querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代。

参数类型可以为如下:

  • 指定一个或多个匹配元素的 CSS 选择器。 可以使用它们的 id, 类, 类型, 属性, 属性值等来选取元素。
  • 对于多个选择器,使用逗号隔开,返回一个匹配的元素。

【Vue源码】document.querySelector()方法

标签:col   类型   mamicode   方法   asc   选择   inf   bsp   alt   

原文地址:https://www.cnblogs.com/vickylinj/p/13393298.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!