nodelist 相关问题

NodeList接口提供有序节点集合的抽象，而不定义或约束此集合的实现方式。 DOM中的NodeList对象是实时的。 NodeList中的项可通过整数索引访问，从0开始。

JS新手：NodeList返回null但有元素

我的 Javascript/HTML 代码都在一个文件中，现在我想将其拆分为单独的文件。我的 JS 代码在拆分之前可以正常工作，但是当我将其移动到新文件时，commen...

javascript drop-down-menu nodelist

回答 1 投票 0

遍历NodeList

我正在寻找一种面向未来的方法来迭代 NodeList （即从 element.querySelectorAll(selector) ）以及跨浏览器兼容。之前我一直在使用 ES6 Spread

javascript cross-browser nodelist

回答 2 投票 0

如何使用JavaScript删除带有类名的innerHTML li

我正在创建一个 Todo 应用程序，但我对 JavaScript 还很陌生，我在使用类删除已完成的任务时遇到问题 (todos)li.checked 在用户输入的innerHTML 中找到。我正在创建一个 Todo 应用程序，我对 JavaScript 还很陌生，我在使用类删除已完成的任务时遇到问题 (todos)li.checked 在用户输入的innerHTML 中找到。 <div class="todo-container"> <ul class="todo-list"> */<li class="checked">completed task</li> <li>Uncompleted task</li>*/ </ul> </div> <div class="btn" onclick="deletecompletedTask()> deleteAll</div> JS const btn = document.querySelector(".btn"); const todoContainer = document.querySelector('.todo-container'); const todolist = document.querySelector('.todo-list); //Delete completed task function deletecompletedTask(){ todoContainer.innerhtml = document.getElementByClassName('checked'); todoContainer.removeChild(todoContainer.firstChild); } 解释嗨，我认为要实现你想要的，你不应该设置innerhtml，而是使用删除功能。这里对您的脚本进行了一些修改，它首先会查找类标记为 “checked” 的所有元素。然后，我们将使用 "forEach" 循环来删除所有它们。 HTML <div class="todo-container"> <ul class="todo-list"> */<li class="checked">completed task</li> <li>Uncompleted task</li>*/ </ul> </div> <button id="deleteBtn" class="btn"> deleteAll</button> Javascript // loop through all the .checked element and remove them function deletecompletedTask() { document.querySelectorAll(".checked").forEach(function(e) { e.remove(); }); } // add event listener to delete button let btn = document.getElementById("deleteBtn").addEventListener("click", function() { deletecompletedTask(); });

javascript function parent-child innerhtml nodelist

回答 1 投票 0

查找嵌套的nodeList <span>

我第一次尝试进行网络抓取，以便在假期中获得最优惠的价格。（我的目的是拥有一个 Telegram 机器人，每天检查酒店日历中的特定日期并搜索...

javascript web-scraping jquery-selectors telegram-bot nodelist

回答 1 投票 0

节点列表中的额外文本节点？

我有一个包含 3 个 div 父元素的部分元素，我想记录部分子元素。他... 我有一个包含 3 个 div 父元素的部分元素，我想记录部分子元素。 <section class="section1"> <div class="parent"> <p class="childP">hello</p> </div> <div class="parent"> <p class="childP">bro </div> <div class="parent-3"> <p class="childP">bro </div> </section> const section = document.querySelector('.section1'); 当我登录时，console.log(section.childNodes); 输出是NodeList(7) [text, div.parent, text, div.parent, text, div.parent-3, text] 节点列表中的额外文本是什么？我试过 console.log(section.children) 完全可以在元素节点（即 HTML 集合）中提供输出，我需要在 section.childNodes 节点列表中添加额外文本的原因吗？它用于每个子<div> 元素之间的空白。这是删除了空格的标记，因此 Text 中不存在 .childNodes 节点。 console.log(document.querySelector('.section1').childNodes) <section class="section1"><div class="parent"> <p class="childP">hello</p> </div><div class="parent"> <p class="childP">bro </div><div class="parent-3"> <p class="childP">bro </div></section> section.childNodes 结果中的额外文本节点是 HTML 标记中的 div 元素之间的 whitespace 字符（换行符和空格）。在 DOM 中，whitespace 字符被视为文本节点，就像任何其他文本内容一样。 const section = document.querySelector('.section1'); const children = []; section.childNodes.forEach(node => { if (node.nodeType === Node.ELEMENT_NODE) { children.push(node); } }); console.log(children); <section class="section1"> <div class="parent"> <p class="childP">hello</p> </div> <div class="parent"> <p class="childP">bro </div> <div class="parent-3"> <p class="childP">bro </div> </section> 上面的代码通过循环遍历section.childNodes中的每个节点创建了一个名为children的数组。如果当前节点的nodeType为ELEMENT_NODE，代表一个元素节点，则将该节点添加到children数组中。 childNodes 将返回目标元素的直接子节点的任何 element 或 text 或 comment 节点。那么，问题是文本节点来自哪里？！ divs 元素之间的新行被视为文本节点。如果删除新行，将没有文本节点。 console.log([...document.querySelector('.section1').childNodes].map(e => e.nodeName)) <section class="section1"><div class="parent"><p class="childP">hello</p></div><div class="parent"><p class="childP">bro</div><div class="parent-3"><p class="childP">bro</div></section>

javascript html nodelist htmlcollection child-nodes

回答 3 投票 0

如何将属性（不是事件）分配给稍后在 NodeList 之外创建的元素？

当我们创建从类似元素分配此属性的代码时，我们可以将其称为方法。此功能可以随着日期输入的更改事件连续读取。我想试试

javascript element nodelist clonenode

回答 1 投票 0

从父元素的子元素中获取类值

下面的部分代码来自于我在YouTube上找到的一个快速表单验证教程。我试图创建一个额外的功能，在checkInputs()里面生成一个成功信息......

javascript parent-child nodelist

回答 1 投票 0

在NodeList上循环的Java

我有以下代码： https:/code.sololearn.comc9RLoBhB7Mua public class Program { public static String frontLeft1 = ""; public static String frontLeft2 = ""; public static ...

java xml dom nodelist

回答 2 投票 0

获取子节点的Java

我有以下代码 try { String xml = " 一个名字一个数值

java xml dom nodes nodelist

回答 1 投票 0

如何在Protractor中访问NodeList元素的属性。

我试图在Protractor中从一个相当大的HTML表格中读取值（大约1000行和5列）。Protractor的Element.all().getText()方法在这方面非常慢，所以我决定实现 ...

javascript html protractor nodelist

回答 1 投票 0

我如何将bodycontent分成两半，并在中间使用Pure Javascript插入html。

jQuery示例：$(document).ready(function() { var bodyContent = Math.floor($('#content').children().length); var ...