dom 相关问题

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

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

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

javascript dom web-component shadow-dom custom-element

回答 2 投票 0

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

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

javascript sorting dom html-table typeerror

回答 1 投票 0

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

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

javascript html dom

回答 1 投票 0

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

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

javascript regex dom full-text-search textnode

回答 1 投票 0

JavaScript追加DOM子元素（“appendChild”方法）后如何执行代码？

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

javascript dom

回答 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); } })

javascript html dom

回答 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];

javascript html dom

回答 1 投票 0

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

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

javascript html dom drop-down-menu

回答 1 投票 0

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

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

javascript dom nodelist htmlcollection

回答 1 投票 0

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

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