dom 相关问题

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

手机版页面页脚

美好的一天, 移动版如何设置页面页脚? 我在 DOM 不同位置进行了测试,但它不起作用。当我测试时,对于移动版本,我的页脚从移动设备上消失了

回答 2 投票 0

React 中的 Load 事件不起作用。如何制作页面加载器?

我正在尝试制作一个页面加载器,因此我制作了一个必须在窗口上添加加载事件的加载器组件,但它根本不起作用: 从“react”导入React,{useEffect} 导入'./loader.sas...

回答 1 投票 0

截止日期计数器在现实生活中不起作用

我正在写一个项目,应该从用户那里得到最后期限,并给现实生活中的最后期限留出时间,但我不知道我可以在现实生活中实现它。还需要使用 dom 然后添加这个。 ..

回答 1 投票 0

有没有其他方法可以切换按钮以进行响应式设计,我的 javascript 代码无法使用此功能

下面是JS代码 document.addEventListener("DOMContentLoaded,"); consttoggleBtn = document.getElementById('toggle_btn'); const dropDownMenu = document.getElementById('dropdown_menu');

回答 1 投票 0

从 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

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