jjzjj

querySelector

全部标签

javascript - 使用 JS querySelector 的性能

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。在网络浏览器中使用JavaScript时,是否存在以下性能差异:现有的getElementByIddocument.getElementById("elem");使用#id查询选择器document.querySelector("#elem");使用[id=elem]的查询选择器document.querySelector("[id=elem]");我假设

javascript - 使用 JS querySelector 的性能

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭9年前。在网络浏览器中使用JavaScript时,是否存在以下性能差异:现有的getElementByIddocument.getElementById("elem");使用#id查询选择器document.querySelector("#elem");使用[id=elem]的查询选择器document.querySelector("[id=elem]");我假设

js querySelector() 说明

说明1,querySelector()方法只会返回第一个匹配的元素。如果想要选择所有符合条件的元素,需要使用querySelectorAll()方法。2,选择器中的特殊字符需要进行转义。例如,如果要选择class为"a.b"的元素,选择器应该为".a.b"。在这个选择器中,"."是class选择器的标识符,"a.b"表示a.b需要进行转义。querySelector()方法中,如果要通过id选择元素,需要在选择器中加上#符号,如:document.querySelector("#abc");//选择id为"abc"的元素如果要通过name选择元素,需要在选择器中加上[name=“value”]

javascript - 是否可以使用 HTML 的 .querySelector() 通过 SVG 中的 xlink 属性进行选择?

给定:是否可以使用HTMLDOM的.querySelector()或.querySelectorAll()通过其xlink的内容选择SVG内的链接:href属性?这个有效:document.querySelector('a')//这些不会:document.querySelector('[href="url"]')//nulldocument.querySelector('[xlink:href="url"]')//Error:notavalidselectordocument.querySelector('[xlink\:href="url"]')//Error:notavalids

javascript - 是否可以使用 HTML 的 .querySelector() 通过 SVG 中的 xlink 属性进行选择?

给定:是否可以使用HTMLDOM的.querySelector()或.querySelectorAll()通过其xlink的内容选择SVG内的链接:href属性?这个有效:document.querySelector('a')//这些不会:document.querySelector('[href="url"]')//nulldocument.querySelector('[xlink:href="url"]')//Error:notavalidselectordocument.querySelector('[xlink\:href="url"]')//Error:notavalids

javascript - 为什么JS代码 "var a = document.querySelector(' a[data-a=1 ]');"会报错?

我在DOM中有一个元素:Link我想通过其HTML5自定义数据属性获取此元素data-a.所以我写JS代码:vara=document.querySelector('a[data-a=1]');但是这段代码不起作用,我在浏览器的控制台中收到错误消息。(我测试了Chrome和Firefox。)JS代码vara=document.querySelector('a[data-a=a]');不会导致错误。所以我认为问题是HTML5的JSAPIdocument.querySelector不支持在HTML5自定义数据属性中查找数字值。这是浏览器实现错误的问题还是与document.querySel

javascript - 为什么JS代码 "var a = document.querySelector(' a[data-a=1 ]');"会报错?

我在DOM中有一个元素:Link我想通过其HTML5自定义数据属性获取此元素data-a.所以我写JS代码:vara=document.querySelector('a[data-a=1]');但是这段代码不起作用,我在浏览器的控制台中收到错误消息。(我测试了Chrome和Firefox。)JS代码vara=document.querySelector('a[data-a=a]');不会导致错误。所以我认为问题是HTML5的JSAPIdocument.querySelector不支持在HTML5自定义数据属性中查找数字值。这是浏览器实现错误的问题还是与document.querySel

Javascript .querySelector 通过 innerTEXT 查找 <div>

如何找到带有特定文本的DIV?例如:SomeText,textcontinues.尝试使用这样的东西:vartext=document.querySelector('div[SomeText*]').innerTEXT;alert(text);但当然这行不通。我该怎么做? 最佳答案 OP的问题是关于普通JavaScript而不是jQuery。尽管有很多答案而且我喜欢@PawanNogariyaanswer,请检查此备选方案。您可以在JavaScript中使用XPATH。有关MDN文章的更多信息here.document.evalua

Javascript .querySelector 通过 innerTEXT 查找 <div>

如何找到带有特定文本的DIV?例如:SomeText,textcontinues.尝试使用这样的东西:vartext=document.querySelector('div[SomeText*]').innerTEXT;alert(text);但当然这行不通。我该怎么做? 最佳答案 OP的问题是关于普通JavaScript而不是jQuery。尽管有很多答案而且我喜欢@PawanNogariyaanswer,请检查此备选方案。您可以在JavaScript中使用XPATH。有关MDN文章的更多信息here.document.evalua

javascript - Vue.js 获取组件内的元素

我有一个组件,如何选择其中的一个元素?我正在尝试获取此组件模板内的输入。可能有多个组件,因此querySelector必须只解析组件的当前实例。Vue.component('somecomponent',{template:'#somecomponent',props:[...],...created:function(){somevariablehere.querySelector('input').focus();}}); 最佳答案 vue.js2v-el:el:uniquename已替换为ref="uniqueName"。然后