首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript 学习-28.元素与节点(HTMLCollection NodeList)

    前言 我们平常说的查找元素 节点到底有什么区别?为什么有时候返回HTMLCollection ,有时候返回NodeList? HTMLCollection  NodeList 的区别又是什么?...DOM提供两种集合对象,用于实现这种节点的集合:NodeListHTMLCollection。 HTMLCollection 是表示 HTML 元素的集合。...NodeList 对象代表一个有顺序的节点列表 以下方法获取的为element 元素对象 document.getElementById(“id属性”) document.querySelector(‘...css选择器’) 示例 // getElementById返回元素 element1 = document.getElementById('user'); console.log(element1) /...console.log(element.childNodes); console.log(element.childNodes.length); // 5 HTMLCollection与NodeList区别

    1.7K21

    关于HTML5的各种选择器

    querySelector 该方法返回满足条件的单个元素。...按照深度优先先序遍历的原则使用参数提供的CSS选择器在DOM进行查找,返回第一个满足条件的元素 element = document.querySelector('div#container');...= document.querySelectorAll('div.foo');//返回所有带foo类样式的div 但需要注意的是返回的nodeList集合中的元素是非实时(no-live)的,想要区别什么是实时非实时的返回结果...id="container"> //首先选取页面中id为container的元素 container=document.getElementById...document.getElementById返回的便是实时结果,上面对其添加一个子元素后,再次获取所有子元素个数,已经由原来的2个更新为3个(这里不考虑有些浏览器比如Chrome会把空白也解析为一个子节点

    97510

    前端小知识10点(2020.6.28)

    等构件完 dom 树,js 加载完后才会触发 ② load 等所有资源(图片、音频)加载完后,才会触发 ③ beforeunload 在即将离开页面前触发 ④ unload 在离开页面时触发 2、箭头函数普通函数的区别...that 指代 this const that=Object.create(father.prototype) father.call(that) return that } 4、getElementById...querySelector区别 getElementById获取目标节点后,当节点更新时,getElementById会跟着更新, 但是querySelector类似于快照,当获取目标节点后,当节点更新时...,它不会跟着更新 5、HTTP 的 GET POST 请求有什么区别?...(我觉得.bind()是破坏可读性的函数) 7、yarn run start yarn start 是没有区别的 参考:https://segmentfault.com/q/1010000022092499

    40910

    HTML5中类jQuery选择器querySelector的使用

    按照深度优先先序遍历的原则使用参数提供的CSS选择器在DOM进行查找,返回第一个满足条件的元素。...elements = document.querySelectorAll('div.foo');//返回所有带foo类样式的div 但需要注意的是返回的nodeList集合中的元素是非实时(no-live)的,想要区别什么是实时非实时的返回结果...div id="container"> //首先选取页面中id为container的元素container=document.getElementById...document.getElementById返回的便是实时结果,上面对其添加一个子元素后,再次获取所有子元素个数,已经由原来的2个更新为3个(这里不考虑有些浏览器比如Chrome会把空白也解析为一个子节点...同样,在提供给querySelectorquerySelectorAll的参数也支持转义,了解这点非常重要。

    3.3K70
    领券