dom 相关问题

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

从 URL 中提取基本域/eTLD+1

我目前正在编写一个WebExtension。在此扩展中,我需要在 JS 中处理一堆 URL 并提取基本域(又名 eTLD+1)。 所以 www.cnn.com => cnn.com cnn.com => cnn.com www.世界...

回答 3 投票 0

通过新图像预加载图像与链接标签预加载图像有区别吗?

使用 Javascript 预加载图像时,使用 new Image() 与 document.createElement(link) 和 rel="preload" 之间有区别吗? 例如,以下之间有区别吗: 常量

回答 1 投票 0

。这是什么意思?我如何用 XML 编写它?

在我的示例 xml 中,我有一个这样的标签。 适用 当我尝试用 java 创建 XML 时,我尝试对其进行硬编码。 公共无效添加元素(

回答 1 投票 0

保存Nodelist并通过js数组访问

我正在运行一个 PHP 脚本,它从 URL 收集数据并在节点中显示指定的 html 标签。现在我想将此列表保存在我的服务器上并创建一个访问此文件的 js 函数,并且

回答 1 投票 0

如何通过chrome控制台更改嵌套在两个iframe内的元素的值?

我有一个元素位于一个 iframe 中,又位于另一个 iframe 中,因此是嵌套的。我想更改它的值,但我不能这样做,因为我认为 chrome 控制台找不到它。 文档.querySel...

回答 1 投票 0

如何从 Chrome 控制台更改嵌套在两个 iframe 内的元素的值?

我有一个元素位于一个 iframe 中,又位于另一个 iframe 中,因此是嵌套的。我想更改它的值,但我不能这样做,因为我认为 chrome 控制台找不到它。 文档.querySel...

回答 1 投票 0

当用户单击按钮时,如何存储可供以后使用的变量?

我正在做一个“石头、剪刀、布”项目。用户单击三个按钮(石头、布或剪刀)之一,然后计算机将进行选择,然后显示获胜者。有一次...

回答 1 投票 0

HTML/JS - 来自顶部:另一个未捕获的类型错误帖子

简单地说,我尝试了 async 和 defer 方法,以及移动 script 标签,试图让 dom 操作起作用。我认为这可能只是代码的问题,因为两者都没有解决问题。 ...

回答 2 投票 0

保存变量以在 JavaScript 中进行比较

我需要修改此代码,以便当同一首歌的名称在我的 html DOM 中显示 +10 分钟时,它会被自定义名称修改。 发生这种情况是因为我用来广播的软件...

回答 1 投票 0

BeautifulSoup 选择内部 HTML 包含多个单词的位置

有没有一种方法可以让我使用 BeautifulSoup 来获取包含多个单词的标签的文本? 例如,如果我有 HTML: 你好 ... 有没有一种方法可以让我使用 BeautifulSoup 来获取包含多个单词的标签文本? 例如,如果我有 HTML: <div> <div> <a>hello there</a> <a>hi</a> </div> <a>what's up</a> <a>stackoverflow</a> </div> ...我只想得到hello there what's up 您绝对可以使用 BeautifulSoup 从包含多个单词的 HTML 标签中提取文本。在您的示例中,您想要从具有多单词内容的标签中提取文本。以下是如何在 Python 中使用 BeautifulSoup 来实现这一点。 from bs4 import BeautifulSoup html = ''' <div> <div> <a>hello there</a> <a>hi</a> </div> <a>what's up</a> <a>stackoverflow</a> </div> ''' soup = BeautifulSoup(html, 'html.parser') target_tags = soup.find_all('a') # Find all <a> tags multi_word_texts = [] for tag in target_tags: if ' ' in tag.get_text(): # Check if the tag text contains a space (indicating multiple words) multi_word_texts.append(tag.get_text()) result = ' '.join(multi_word_texts) print(result)

回答 1 投票 0

通过 DOM 将文本添加到 JavaScript 中的现有文本元素

我试图弄清楚如何将文本添加到已经有文本节点的 p 标签或 h1 标签。 例如: var t = document.getElementById("p").textContent; var y = document.createTextNode("这只是...

回答 8 投票 0

待办事项列表中的 Java 脚本复选框

如何使用java脚本DOM修改待办事项列表编码。这意味着将复选框放入待办事项列表编码中。并在本地存储中检查后保存。 有java脚本做cod的制作教程...

回答 1 投票 0

React onWheel 处理程序无法阻止Default,因为它是被动事件侦听器

我正在尝试覆盖组件上的 Ctrl+滚动行为,但它无法处理错误 [Intervention] 由于目标被视为

回答 2 投票 0

为什么在 JavaScript 中动态生成的按钮上会多次调用函数?

我正在制作一个从 Google Places API 绘制搜索结果列表的应用程序,这使用户有机会使用 b...

回答 1 投票 0

ReactJs 16 中的自定义属性不起作用

我有一个按钮,我想将自定义属性传递给它。我使用了 data-*,但它没有显示在 DOM 中。 ... 我有一个按钮,我想将自定义属性传递给它。我使用了 data-*,但它没有显示在 DOM 中。 <div className="btn-group" id="dvConfigure"> <button id="btnConfigure" data-id="ppppppp" onClick={() => { onButtonClick("btnConfigure", "Configure"); setIsButtonClicked(true); }} > <div className="configureIcon"> <Icon name="home" size="small" /> </div> <span>{I18n.get("Home")}</span> </button> </div> 代码对应的CSS: .btn-group button { border: 0px; background-color: #efefef; /* Green background */ cursor: pointer; /* Pointer/hand icon */ width: 120px; /* Set a width if needed */ height: 135px; font-size: medium; font-weight: 500; border-radius: 0em; color: #434242; display: block; /* Make the buttons appear below each other */ } .btn-group__active { border: 0px; background-color: white; cursor: pointer; /* Pointer/hand icon */ width: 120px; /* Set a width if needed */ height: 135px; font-size: medium; font-weight: 500; border-radius: 0em; color: #434242; display: block; /* Make the buttons appear below each other */ } .btn-group__active button:hover { background-color: white; } .btn-group__active button:active { background-color: white; } .btn-group button:hover { background-color: white; } .btn-group button:active { background-color: white; } .btn-group button:focus { background-color: white; } 仅供参考,我正在使用 React 16.14.0 我尝试通过 .getAttribute() 方法获取属性,但我得到的是 null。我什至添加了一个事件监听器“DOMConetentLoaded”,以便 DOM 完全加载然后获取元素,如下所示: useEffect(() => { window.addEventListener("DOMContentLoaded", () => { var button = document.getElementById("btnConfigure"); console.log("loaded!!"); if (button && button.hasAttribute("data-buttonisClicked")) { let data = button.getAttribute("data-buttonisClicked"); console.log("data", data); } }); },[]); 我在一个函数中有上述逻辑,但我想测试一下,所以我添加了 useEffect 以方便使用。 我哪里出错了? 您正在等待一个已加载的元素,因为 Javascript 运行 useEffect,这意味着 DOMContentLoaded 已加载,侦听该事件将不会运行其回调函数。只需删除监听器即可。 useEffect(() => { var button = document.getElementById("btnConfigure"); console.log("loaded!!"); if (button && button.hasAttribute("data-buttonisClicked")) { let data = button.getAttribute("data-buttonisClicked"); console.log("data", data); } },[]); 注意:这仅解释了为什么它不起作用,因为您可以进行条件渲染,因此始终建议使用refs代替或将类数组传递给元素本身

回答 1 投票 0

单个 MutationObserver 对象可以观察多个目标吗?

我想使用 MutationObserver 对象来观察某些 DOM 节点的更改。 文档给出了创建 MutationObserver 对象并将其注册到目标上的示例。 // 选择...

回答 2 投票 0

为什么我的异步功能无法正常工作

这是我的代码 让想法 = ['1', '2', '3', '4', '5'] 我 = 0; const alretMaker = async () => { 让间隔 = setInterval(函数 () { const div = document.createElement('div'...

回答 1 投票 0

在 chrome 开发工具/firebug 中保留 DOM 元素突出显示

有没有办法保留显示 DOM 元素的 boxmodel 属性(宽度、边距、填充、边框)的突出显示?我正在尝试检查窗口静止时元素的行为...

回答 3 投票 0

无法使用 JavaScript 将新项目添加到列表中

我目前正在解决与 JavaScript 相关的问题,特别是涉及动态向列表添加新项目。在我的项目中,我使用 .ejs templa 开发了一个基于 Web 的表单...

回答 0 投票 0

使用 jQuery on() 和 off() 切换事件监听器

我有一个 JavaScript 代码片段“代码片段 1 - 在用户触摸交互上播放通过 Ajax 加载的 html 视频”,它使用 on('touchstart') jQuery 方法附加事件侦听器...

回答 1 投票 0

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