dom 相关问题

通过文档对象模型,将此标记用于有关其他语言与XML / HTML交互的问题。不要将其用作HTML,JavaScript或SAX的简写 - 使用其他标记来表示语言和标记。

React 组件未渲染来自 API 调用的数据

我正在开发一个 React 项目,但在显示从电影组件中的 API 获取的数据时遇到问题。数据已正确记录在控制台中,但未显示在页面上。我...

回答 1 投票 0

检测透明 iframe 后面的鼠标事件

我正在构建一个 Chrome 扩展,当它处于活动状态时,会将 iframe 附加到页面主体,并设置为固定位置以占据整个窗口尺寸(0, 0 100vw, 100vh)。 iframe 是

回答 1 投票 0

如何循环遍历页面上的所有 DOM 元素?

我正在尝试循环页面上的所有元素,因此我想检查此页面上存在的每个元素是否有特殊类。 那么,我怎么说我想检查每个元素呢?

回答 13 投票 0

如何在 TypeScript (Next.js) 中创建点击处理程序和 window.addEventListener?

我有一个点击处理程序,我想监听组件外部窗口上的任何点击: 使用效果(()=> { const handleOutSideClick = (事件) => { if (!ref.current?.conta...

回答 1 投票 0

刷新后才在linkedin中查找元素

我正在技术学校学习有关浏览器的课程。 我对这个领域的知识绝对是0。 我们的任务是创建一个简单的 chrome 扩展程序,该扩展程序在后台运行,当您处于

回答 1 投票 0

如何监听Web组件定义的自定义事件

我有一个自定义元素 my-checkbox,它包含复选框、标签、样式等。当切换该复选框时,我在构造函数中定义一个名为 check 的 CustomEvent,如下所示: 构造函数()...

回答 2 投票 0

尝试对表进行排序:类型错误:无法读取未定义的属性(读取“textContent”)

我试图对表中的余额进行排序。但是有一个问题。我尝试用代码进行排序: 函数 sortTableByBalance() { const table = document.getElementById("myTable"); ...

回答 1 投票 0

在鼠标悬停时添加内部文本并在鼠标移开时删除 JS

我正在制作一个导航按钮,当它悬停时,那里不仅仅是一个图标,它的右侧还会有一些文本。一旦光标离开按钮,它将返回到

回答 1 投票 0

如何启用/实现对任何 DOM 节点或整个文档的文本内容的全文搜索?

我偶然发现了一项技术测试,其中我必须计算 HTML 正文中单词的出现次数。我必须避免脚本标签和注释,这些是有问题的独特条件......

回答 1 投票 0

JavaScript追加DOM子元素(“appendChild”方法)后如何执行代码?

我已经检查了主题JavascriptappendChild回调?。在那里,目标元素是视频,因此使用loadedmetadata 是这种情况的解决方案。 就我而言,有小吃店,但是......

回答 1 投票 0

HTMLCollection { length: 0 } 与一个现有元素。儿童无法访问[0] [已关闭]

我有问题。使用 HTMLCollection。 我正在编写菜单和多级子菜单。从 JSON 解析结构。 菜单1 我... 我有问题。使用 HTMLCollection。 我正在编写菜单和多级子菜单。从 JSON 解析结构。 <ul class="categories"> <li>menu 1</li> <li>menu 2</li> <li>menu 3</li> <li>menu 4</li> </ul> 当我点击 menu 1 时,我的 JS 代码会在 JSON 数据的 li 元素内添加子菜单。看起来像: <ul class="categories"> <li>menu 1 <ul> <li>submenu 11</li> <li>submenu 12</li> <li>submenu 13</li> </ul> </li> <li>menu 2</li> <li>menu 3</li> <li>menu 4</li> </ul> 当用户点击menu 2时,我的JS代码必须在第一个li元素中找到ul并从menu 1中删除ul 我正在尝试从每个 li 元素中找到 ul 元素。我有查找和删除子节点的功能。 // Function for remove another submenu function removeChildSubmenu(element) { //console.log(element) for (var item of element.children) { console.log(item.children) } } 问题是: item.children 是 HTMLCollection { length: 0 } 与现有元素。当我使用 item.children[0] 时,它会给出 undefined。 如何解决问题或如何用另一种方式编写脚本(不要分享简单的方法。JSON 的数据很大!)? 如果您需要将子级作为数组而不是集合,那么可以像展平/映射集合一样简单。如果使用集合,您可能只需要使用 *.item(i) 而不是 {} 或 []: document.body.children.item(i) === [...document.body.children][i]; 然后迭代子数组/列表项元素。 [...<ul>.children].forEach(li, (li) => { if (li <condition>) { <ul>.removeChild(li); } })

回答 1 投票 0

HTMLCollection { length: 0 } 具有一个存在元素。儿童无法访问[0]

我有问题。使用 HTMLCollection。 我正在编写菜单和多级子菜单。从 JSON 解析结构。 菜单1 我... 我有问题。使用 HTMLCollection。 我正在编写菜单和多级子菜单。从 JSON 解析结构。 <ul class="categories"> <li>menu 1</li> <li>menu 2</li> <li>menu 3</li> <li>menu 4</li> </ul> 当我点击 menu 1 时,我的 JS 代码会在 JSON 数据的 li 元素内添加子菜单。看起来像: <ul class="categories"> <li>menu 1 <ul> <li>submenu 11</li> <li>submenu 12</li> <li>submenu 13</li> </ul> </li> <li>menu 2</li> <li>menu 3</li> <li>menu 4</li> </ul> 当用户点击menu 2时,我的JS代码必须在第一个li元素中找到ul并从menu 1中删除ul 我正在尝试寻找 // Function for remove another submenu function removeChildSubmenu(element) { //console.log(element) for (var item of element.children) { console.log(item.children) } } 问题是: item.children 是 HTMLCollection { length: 0 } 且存在元素。当我使用 item.children[0] 时,它会给出 undefined。 在此输入图片描述 我如何解决问题或如何用另一种方式编写脚本(不要分享简单的方法。来自 JSON 的数据很大!)??? console.log(item.children) 如果您需要将子级作为数组而不是集合,那么可以像展平/映射集合一样简单。如果使用集合,您可能只需要使用 *.item(i) 而不是 {} 或 []: document.body.children.item(i) === [...document.body.children][i];

回答 1 投票 0

从动态创建的下拉菜单更新当前下拉值时出现问题

我在读取 JavaScript 中动态创建的下拉列表的值时遇到问题。我调用函数 addElement_Tract(),它是创建下拉列表的函数,并读取当前的...

回答 1 投票 0

如何在 JavaScript 中使用单个函数删除多个 DOM 元素?

我正在开发一个项目,需要从页面中删除多个 DOM 元素。有时我需要删除单个元素,有时我需要删除元素集合(例如

回答 1 投票 0

HTML怎么能支持<a/href="http://www.google.com">Google</a>

我刚刚知道我可以使用如下标签: 谷歌 我在我的职业生涯中从未读过这本书,可能是,但我的知识有限

回答 4 投票 0

如何对表格中的余额进行升序和降序排序?

我尝试对表中的余额进行升序和降序排序,但不能。我在 stackoverflow 中查看了 w3schools 教程和主题,了解没有库的 insertBefore 和 insertAfter 。但我...

回答 1 投票 0

如何在 JavaScript 中更新每个 SKU 的数量和总价?

我正在为一家虚构的在线商店开发购物车功能。此功能的核心是管理信息并执行计算的 Cart 类。这堂课没有

回答 1 投票 0

performance.now 和 document.timeline.currentTime

MDN 性能.now(): Performance.now() 方法返回高分辨率时间戳(以毫秒为单位)。它表示自 Performance.timeOrigin 以来经过的时间 MDN 文档.timeline.currentT...

回答 1 投票 0

我可以在影子主机 (:host) 上使用 ::before 或 ::after 吗?

我尝试在影子主机上使用 ::before 或 ::after 选择器,但似乎不起作用。 :主机(::之前){ 内容: ””, 位置:绝对; 插图:0px; 背景-co...

回答 1 投票 0

我可以在影子主机(:host)上使用 ::before 或 ::after 吗?

我尝试在影子主机上使用 ::before 或 ::after 选择器,但似乎不起作用。 :主机(::之前){ 内容: ””, 位置:绝对; 插图:0px; 背景-co...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.