dom 相关问题

是否可以使用 mutationObserver 检测 DOM 中的新子节点并将 elementHandle 对象返回给 puppeteer？

使用 mutantObserver 检测 DOM 中的新节点，并通过 page.exposeFunction 在 puppetteer 中返回一个元素句柄。 有谁知道是否有可能与 mutationObserver 一起工作，以便当...

如何将元素插入 HTML 输入字段？

我必须开发一个脚本（扩展内容脚本），它将被注入到任何包含表单的页面中。 在该页面中，脚本必须插入一些输入字段，右对齐，可点击

用 BeautifulSoup4 替换 html 中的所有文本，同时保持原始 DOM 结构

我正在尝试使用 python 中的 Beutifulsoap4 替换 html 文档中的所有文本，包括其中包含文本和其他元素的元素。例如我想要text1 我正在尝试使用 python 中的 Beutifulsoap4 替换 html 文档中的所有文本，包括其中包含文本和其他元素的元素。例如我想让<div>text1<strong>text2</strong>text3</div>变成<div>text1_changed<strong>text2_changed</strong>text3_changed</div>. 我知道线程 在所有 dom 元素中替换文本的更快方法？，但是这使用 Javascript，因此使用的函数在 python 中不可用。我想使用本机 python 实现相同的目标 如果所有标签都包含标签或文本（rand_text 函数返回一个随机字符串），我有一个代码已经有效： from bs4 import BeautifulSoup as bs def randomize(html): soup = bs(html, features='html.parser') elements = soup.find_all() for el in elements: if el.string == None: pass else: replacement = rand_text(el.text) el.string.replace_with(replacement) return soup 然而，当元素的“string”属性为 None 时，这段代码在上面的示例中不起作用，因为它同时包含其他元素和文本。 如果“string”属性为 None，我也尝试创建一个新元素，然后替换整个元素： from bs4 import BeautifulSoup as bs def anonymize2(html): soup = bs(html, features='html.parser') elements = soup.find_all() for el in elements: replacement = rand_text(el.text) if el.string: el.string.replace_with(replacement) else: new_el = soup.new_tag(el.name) new_el.attrs = el.attrs for sub_el in el.contents: new_el.append(sub_el) new_el.string = replacement parent = el.parent if parent: if new_el not in soup: soup.append(new_el) parent.replace_with(new_el) return soup 但是这个给出了错误“ValueError：当要替换的元素不是树的一部分时，无法用另一个元素替换一个元素。” 我想我收到了这个错误，因为算法已经替换了它试图替换的元素的父元素。我可以实施什么逻辑来解决这个问题？或者我怎样才能用不同的方法实现我最初的目标？ 可以遍历元素的contents，检查每一项是否为字符串，然后替换字符串。 from bs4 import BeautifulSoup as bs def randomize(html): soup = bs(html, features='html.parser') elements = soup.find_all() for el in elements: replacement = rand_text(el.text) if el.string: el.string.replace_with(replacement) else: for sub_el in el.contents: if isinstance(sub_el, str): sub_el.replace_with(rand_text(sub_el)) return soup # defined for testing purposes. Replace this with your own logic def rand_text(text): return text + "_changed" html = "<div>text1<strong>text2</strong>text3</div>" print(randomize(html)) 输出： <div>text1_changed<strong>text2_changed</strong>text3_changed</div>

替换 javascript 中的元素而不是硬编码的 html

我想知道为什么当我尝试使用模板文字替换 javascript 中的 HTML 元素时，它不会在浏览器中呈现任何内容，但是当我保留 HTML 代码块时，它只是

console.log(element.children) 在控制台中返回 undefined [重复]

let xxy = document.getElementsByClassName("is-flex-container columns-3 alignwide wp-block-post-template is-layout-flow"); 控制台日志（xxxy.children）； 我正在编辑一个 WordPress 主题并且...

删除仍在运行的js代码

js 代码保持运行，即使元素从页面中删除。 使用 react-js 编码时的第一个困难。因为页面没有重新加载所以初始脚本仍在运行，比如 setInterval,web...

带有单个“:not()”的多个连接属性选择器与 JavaScript 中带有多个“:not()”的多个单独属性选择器

我有 2 s 并尝试通过将 2 个连接的属性选择器设置为 1 :not() 和 2 个单独的属性选择器设置为 2 :not()s 来选择 s 分别使用 querySelectorAll() as

如何输出从用户给定的 ID 元素开始的 DOM 元素列表？

有一个 JS 函数给我一个 DOM 树列表，我需要让用户输入 Id，这将是输出列表中的第一个，在打印之前列表中没有 DOM 对象。我不是真的...

在React中，如何检测用户点击浏览器后退按钮的页面路径？

用户当前在 A/B/C。他们单击浏览器的后退按钮以转到 A/B。我如何检测他们的用户来自 A/B/C？

iFrame 更改 css 更改文本大小和颜色

你好专家，我想注入一些 css 代码来改变文本大小和颜色，在 iframe 中使用 chrome 扩展，在 OBS 中截屏。

LIT-HTML 在呈现下拉列表时仍然使用先前的下拉选择索引

我正在使用 Lit-HTML（不是 Lit-Element）构建一个 html 表单。表单非常简单，它有 2 个下拉列表：Population 下拉列表和 Animal 下拉列表。 动物下拉选项取决于选择...

JavaScript 代码似乎无法按预期用于 xml 元素

我现在基本上只是尝试仅当行元素“Blue”出现在屏幕上时才显示“Blue OTHER”列（而不是时应该隐藏）。目前当“...

如何将 document.querySelector 作为变量传递？

我需要一些帮助！为了应用 DRY 原则，我的代码中有很多 document.querySelector，并且我已经创建了一个这样的函数。 const documentQuerySelector = (tag, method, message) => {

如何在 Angular 15 中加载外部脚本？

我在我的角度项目中使用 metronic 8 管理面板设计，脚本文件已加载但它不起作用，在 html 版本中工作时，它在角度项目中工作，当我搜索时......

为什么在使用 ref 时不传递样式组件对象的值

styled-component Styled = styled.divmargin: 0; 的值未传递给 ref 元素。但是当我使用内联样式时，样式会传递给元素。 请参阅附图。 使用我...

当我浏览页面的特定部分时如何调用函数？

滚动到页面上的特定部分时，我不确定如何调用函数。 例子： 当我滚动到文章部分时，我想更改文本的颜色。 或者...我想隐藏一个

如何读取动态创建的 dom 元素的属性？

使用 for 循环，我正在创建一个 span 元素来保存我访问的列表元素的索引 # 文档.querySelectorAll(); 然后将创建的 span 元素附加到每个元素 ...

如何使用array.every来操作DOM元素

我是一个 js 初学者，我最近发现了一个简单的方法来确保数组的每个元素都满足一个条件，那就是 array.every()。我仍然很困惑你应该如何使用它......

DOM 返回具有 1 个元素但无法访问的 NodeList？

我创建了一个名为“btn”的按钮，它被脚本检测到并被 DOM 列出，但无法访问它以将事件侦听器附加到它。 获取数据！ 我创建了一个名为“btn”的按钮，它被脚本检测到并被 DOM 列出但无法访问它以将事件侦听器附加到它。 <button name="btn">Get Data!</button> 脚本中有与问题相关的这些行： let obj=document.getElementsByName("btn"); obj[0].addEventListener("click", func); 如果我控制台日志对象，它显示它有 1 个元素，它是按钮。但是 obj[0] 控制台日志未定义。为什么？ 我尝试使用其他 DOM 选择器，例如 id 和类名，但同样的问题。方括号索引不能访问节点列表吗？

TypeError：无法读取 null

我收到一个错误 类型错误：无法读取 null 的属性“classList” 我不太确定在为每个表单字段操作 DOM 元素时我做错了什么。我的表单域有一个声明 ...