【javascript – 如何使用顶级数组中的amp-selector设置对象以在amp-bind中使用】教程文章相关的互联网学习教程文章

javascript-无法读取null引导程序崩溃的属性’querySelectorAll’【代码】

我正在编写PHP代码以进行引导程序崩溃,并报错无法读取null的属性’querySelectorAll’.我花了很多时间解决这个简单的问题.如果我没有php就可以正常工作而不会出错错误是:Uncaught TypeError: Cannot read property 'querySelectorAll' of null at a.t._getParent (collapse.js:300) at new a (collapse.js:88) at HTMLDivElement.<anonymous> (collapse.js:345) at Function.each (jquery.js:368) at jQuery.fn.init.each (jquery...

javascript-了解querySelector和querySelectorAll的控制台输出【代码】

谁/什么决定如何将对象的内容写入控制台? 有时,您会得到对象文字的可折叠表示,而其他时候,它只是打印DOM结构. 鉴于此HTML:<div class="container"><video src="low.mp4"></video><video src="high.mp4"></video><video src="mega.mp4"></video> </div>如果我们使用以下命令访问控制台(WebKit / Firebug):> var firstVideo = document.querySelector('video')接着:> firstVideo它返回:<video src=?"low.mp4">?</video>?假设我们...

javascript-是否保证生成的document.querySelectorAll(“ input [type = checkbox”))数组的顺序?【代码】

我在页面正文中有以下HTML-这些是此HTML页面上复选框类型的唯一输入:<fieldset><legend>North Face</legend>N-A1:<input type="checkbox" name="NorthFace" value="N-A1" id="NA1">N-B2:<input type="checkbox" name="NorthFace" value="N-B2" id="NB2">N-C3:<input type="checkbox" name="NorthFace" value="N-C3" id="NC3">N-D4:<input type="checkbox" name="NorthFace" value="N-D4" id="ND4">N-E5:<input type="checkbox" na...

Javascript queryselector支持带有类名的所有特殊字符【代码】

通常,在javascript中使用查询选择器时,我们会这样做,<a href="http://www.test.com" class="abcd">ABCD</a> var className = 'abcd'; var x = document.querySelector('.'+className);一切正常.在这里,className将进行一般性的更改.我的类名带有“ /”的示例在该查询选择器中出现问题<a href="http://www.test.com" class="abcd/efgh">ABCD</a> var className = 'abcd/efgh'; var x = document.querySelector('.'+className);我们会...

javascript-使用queryselectorall,jquery,getelementsbyid,getelementsbyclassname从dom中删除元素【代码】

我正在为库编写一个函数,该函数接受元素的对象并将其从DOM中删除.我的工作正常,但是想知道是否有一种方法可以进行单个for循环吗?我发现NodeLists和HTMLCollections不能使用相同的for循环,因此我构建了一个数组,然后使用相同的循环删除了元素._remove = function(elem) {if(!elem) { return false; }// getElementByIdif(!elem.length) {if(elem.parentNode) {elem.parentNode.removeChild(elem);}// querySelectorAll, jquery, ge...

javascript-CSS伪选择器以选择querySelector中的当前元素?【代码】

用于选择元素自身的CSS伪选择器是什么? 例如,这不起作用:Array.prototype.map.call(document.querySelectorAll('.program_record_outer'), programBox => {return programBox.querySelector('> div') });DOMException: Failed to execute ‘querySelector’ on ‘Element’: ‘> div’ is not a valid selector.但是我相信这样会:Array.prototype.map.call(document.querySelectorAll('.program_record_outer'), programBox => ...

javascript – 如何让.querySelectorAll()或.forEach()在Firefox中运行?【代码】

我想用类样本删除所有元素. 这在Chrome和Safari中运行良好:document.querySelectorAll('.sample').forEach(function(e) {e.parentNode.removeChild(e); });这是我在Firefox中遇到的错误:TypeError: document.querySelectorAll(…).forEach is not a function解决方法:document.querySelectorAll返回一个NodeList,它像数组一样索引,但不是一个Array,所以你不能调用它上面的数组方法. 您可以在ES6中使用Array.from(nodeList)或在ES...

javascript – querySelectorAll.style不起作用【代码】

我在JavaScript中编写一些我需要使用querySelectorAll.style的东西,但它总是返回undefined,但它与querySelector.style完美配合.如何使其正常工作以便我可以设置样式?document.querySelector("div#tabs" + tabId + "> div.page").style.display = 'none'; //works document.querySelectorAll("div#tabs" + tabId + "> div.page").style.display = 'none';// doesn't work 解决方法:querySelectorAll返回元素列表而不是单个元素列表...

javascript – 使用querySelectorAll检索直接子项【代码】

我能够做到这一点:<div id="myDiv"><div class="foo"></div> </div>myDiv = getElementById("myDiv"); myDiv.querySelectorAll("#myDiv > .foo");也就是说,我可以成功检索myDiv元素中具有类.foo的所有直接子元素. 问题是,我必须在选择器中包含#myDiv,因为我在myDiv元素上运行查询(所以它显然是多余的). 我应该能够关闭#myDiv,但是选择器不是合法语法,因为它以>开头. 有谁知道如何编写一个选择器,它只获取运行选择器的元素的直接子...

javascript – 我应该如何在jQuery中使用.next([selector])?【代码】

使用jQuery,我选择了一个< a>在div里面,想用$(this)来选择下一个div(我想这会让它成为叔叔?). 我想为我的所有内容使用相同的类名,所以我只想使用相对于$(this). 这是我所追求的行为的一个例子:<div><a>click</a></div> <div> SELECT THIS DIV after click a </div> (real code below)我一直在玩,如果我不关闭< a>周围的div,它工作正常. .next(‘div“)在< / a>之后找到div,但是我需要关闭< a>的div.(所以我想这会让< a>成为我的...

javascript – 使用querySelector查找包含在兄弟行中的下一个单元格【代码】

我正在尝试使用querySelector来查找表的NEXT行中的第一个单元格.因此,从ROW 1开始,找到下一个TR元素,然后找到该TR元素中的第一个子TD元素. 但是,当我编写CSS选择器时,它返回null. 我的CSS选择器语法是:"tr.row ~ tr td"这是一个完整的工作示例:<!DOCTYPE html> <html> <head><script>function findRow(){var row1 = document.querySelector("tr.row");var targetCell = row1.querySelector("tr.row ~ tr td");alert(targetCell);...

javascript – Jquery:Selector找不到类?【代码】

我正在尝试推进Jquery-autcomplete功能.我希望Jquery-autocomplete在表中创建新行.这到目前为止工作.但我希望Jquery添加一个删除按钮.因此,用户可以删除其中一个添加的项目.$(document).ready( function() {//create an new <tr> <td> in #log function log( message ) {$("<tr> <td>" + message + "<input class='Entf' type='button' value ='Entfernen' />" + "</td></tr>").appendTo("#log");$( "#log" ).attr( "scrollTop"...

javascript – querySelector在纯JS中查找标签【代码】

严格使用JS,我想选择一个标签元素并添加一个类.document.querySelector('[for=foobar]').className = "foo";在querySelector中应该找到什么< label for =“foobar”>? 我得到的错误是Uncaught SyntaxError:无法执行查询:[for = foobar]’不是有效的选择器. 好吧,我实际上通过在foobar周围添加引号来解决它,所以它读取:document.querySelector('[for="foobar"]').className = "foo";解决方法:如果您正在寻找< label>特别标记,你...

javascript – jQuery:$(document).on(event,name as selector,function【代码】

参见英文答案 > How can I select an element by name with jQuery? 14个对不起,如果这太简单了,我是编程的新手,我偶然发现了这个问题.如何使用name属性作为a中的选择器$(document).on(‘click’,’#thisisforid’,function()..? 有充分的文档表明,我可以使用#idname和.classname来使用id和类名,但是无处可寻(我试过很难搜索)如何或者如果我可以使用name属性.解决方法:使用像这样的Atrribute ...

javascript – addclass和selectors的问题【代码】

我对jQuery很绿,所以我确定这是一个明显的错误 – 但是它让我感到难过.我正在尝试制作一个非常简单的导航栏,在您滚动浏览页面后,从500px向下移动到顶部的绝对定位. 问题:当我使用导航栏的div ID和#navbar的选择器时,我似乎无法让js找到导航栏. 这是js:$(document).ready(function () {$(window).bind('scroll', function () {var scrollDepth = 500;if ($(window).scrollTop() > scrollDepth) {$('#navbar').addClass('fixed')} ...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部