dom 相关问题

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

我想在除当前容器之外的所有容器中使用特定类来处理所有其他 DOM 元素。我可以在 not 方法中遍历兄弟姐妹吗？示例代码结构（所有 div 都有一些

jquery css dom

回答 1 投票 0

数字=1 document.getElementById("Num").innerHTML = num //增加/减少num的按钮函数下一个（）{ 数字++ document.getElementById("Num").innerHTML = num } 函数之前（）{ 编号-- 文件。

javascript if-statement dom hide

回答 1 投票 0

找回孩子加起来

有没有办法只检索添加到特定点的子项。例如，我创建了矩形和圆形，并且在添加路径之前正在执行 fnTwo，希望它

javascript html svg dom

回答 1 投票 0

根据变量打开窗口

上一页下一个 <html> <body> <button onclick="previous()">previous</button> <button onclick="next()">next</button> <img src="https://th.bing.com/th/id/OIP.-d3JKGX5ZJ3Y3U7ybY8h8gHaE7?rs=1&pid=ImgDetMain" onclick="reDirect()"></img> <script> maxnum=4 num=0 function previous(){ if(num>0) { num++ } else{} } function next(){ if(num<maxnum){ num++ } else{} } function reDirect(){ if(num=0) { window.open("https://youtube.com"); } else{} } </script> </body> </html> 我想要一个函数来检查变量并根据变量重定向到另一个页面。这是需要的，因为我想要制作的整个脚本的图像也会根据变量而变化，如果没有制作图像的页面，该功能将毫无用处，所以我也希望它具有选择性。评论是对的，是==0问题。

javascript if-statement dom window.open

回答 1 投票 0

Web Audio API 中的播放按钮只能工作一次，如何使其多次工作？

我正在使用网络音频API，我遇到了这个问题描述：我正在开发一个简单的网页，该网页使用 Web Audio API 通过频率滑块和播放/停止按钮生成声音。

javascript html dom audio web-audio-api

回答 1 投票 0

Keyup 事件给出具有未定义属性的事件

我在文本区域上有一个“keyup”事件。当我尝试 console.log(ev) 时，我看到了一个正确的事件，但是当我尝试使用该事件的属性时，除了 isTrusted 属性（以及其他属性，例如 keycode

javascript dom

回答 1 投票 0

如何使用 selenium python 单击同意管理器（consentmanager.net）内的按钮？

我正在尝试在网站 https://diablochairs.com/en/ 上使用 Python 中的 Selenium 接受 cookie。我在这方面遇到困难，因为我找不到接受按钮。整个窗户都是

python selenium-webdriver dom iframe shadow

回答 1 投票 0

如何将一个div删除后移动到另一个div的空间中？

看来旧的 Slack 桌面 UI 终于坏了，太糟糕了。所以我打开 /slackdevtools 并将控制条移到左侧，然后删除了讨厌的、完全不必要的标签导轨，但一个空的

javascript css dom slack

回答 1 投票 0

如何使用 XSD 解析嵌套 XML 并在 Java 中创建结构化的 Hashmap 列表

我正在使用 Java 来处理 XML 数据。我的目标是将嵌套的 XML 文件（带有关联的 XSD）转换为 Hashmap 列表，其中每个 HashMap 代表一行数据，带有 XML 标签名称...

java xml parsing dom xsd

回答 1 投票 0

React 组件未重新渲染

我有一个反应代码，我面临着与反应中嵌套组件相关的问题。代码问题是我有一个名为testing的父组件，其中包含两个子组件

javascript reactjs dom components react-props

回答 1 投票 0

Angular FORM，从 DOM 中删除不会在指定索引处删除，但会删除最后一项

所以，我碰巧遇到了一个问题，从 DOM 中删除了错误的内容。在 onDelete() 方法中，我删除指定索引处的 FormControl。当我调试它时，TypeScript 删除了...

javascript angular typescript forms dom

回答 1 投票 0

导航栏向下滚动时隐藏，向上滚动时再次出现

我已经探索了几种方法，但似乎没有一种方法真正像我想要的那样工作：我希望向下滚动时，导航栏以用户向下滚动的速度向上移动，...

javascript css dom

回答 3 投票 0

如何在新选项卡中打开新创建的图像？

下面的代码在同一页面的底部创建图像。如何将该图像显示到新选项卡/窗口中而不是显示在同一页面中？成功：函数（数据）{ var 我...

javascript jquery ajax dom

回答 5 投票 0

一个图像，另一个音频，不明白为什么相似的结构在javascript中不适用。（源不变）

这是第一个脚本，它的效果和我想象的一样好 const maxNum = 4 //页数 pgNum = 1 //页码字符=[{ 名称：“A”，方面：“苹果”， src：“https://fi...

javascript html variables dom

回答 1 投票 0

通过脚本（在 JS 中）以编程方式将 YouTube 广告插播添加到自己的视频

我尝试通过在浏览器控制台中执行一个小脚本（用 Javascript 编写）来自动向我自己的 YouTube 视频添加一些广告插播。我的方法如下：常量

javascript html dom

回答 1 投票 0

尽管倒计时 TS、JS 运行，但 DOM 不会自动更新

问题：我正在使用 JavaScript 开发一个倒计时器，该功能似乎运行良好。但是，我遇到了 DOM 不会自动更新的问题。我试过你...

javascript typescript dom

回答 1 投票 0

其子元素以元素 X 开头和结尾的元素的 XPath？

这是我的例子：强调文本后跟任何其他文本并以强调文本...结尾这是我的例子： <div> <p><em>Emphasized text</em> followed by any <span>other text</span> and ending with an <em>emphasized text</em></p> </div> 我想要的是抓住这段以em开头并以em结尾的段落。这些标签之间可能是文本，包括其他内联标签，如 span、img、a 等。一个现实世界的例子可以是一些学术和报纸写作规则，当你必须强调已经强调的文本中的文本时，你取消强调中的强调，即作者介绍或参考书目：如果我们有这样一句话： -- John Doe 是《强调中的强调》一书的作者。 -- 一种打印规则是这样写：约翰·多伊 (John Doe) 是《强调中强调》一书的作者。但是当你要打印这一段强调时，它就会变成：约翰·多伊 (John Doe) 是强调中强调书的作者。与参考书目演示相同： John Doe，强调内部强调，纽约，出版商名称，2024 年。强调的变成： John Doe，强调强调，纽约，出版商名称，2024 年。考虑某些文本（作者、姓名、出版商名称或书名）可能锚定到链接。这个问题是上一个问题的延伸，我们只是在寻找一个以p开始和结束的em。提供了一些答案，涵盖处理 p 后跟一个或多个 em 的简单或更复杂的情况，并且标签之间没有其他文本。这里的区别在于，标签之间有一些文本，但主要目的是相同的：段落的开头和结尾强调了中间可能存在的任何内容。这个 xpath 会得到这样的段落 //*[./*[1][name()="em"] and ./*[last()][name()="em"]] 同样使用child轴//*[child::*[1][name()="em"] and child::*[last()][name()="em"]] 这个 XPath， //p[node()[1][self::em]][node()[last()][self::em]] 将根据要求选择其子元素以 p 元素开头和结尾的所有 em 元素

html xml dom xpath

回答 2 投票 0

Xpath 选择以节点 y 开始和结束的节点 x

这是我的例子：强调文本后跟任何其他文本并以强调文本...结尾这是我的例子： <div> <p><em>Emphasized text</em> followed by any <span>other text</span> and ending with an <em>emphasized text</em></p> </div> 我想要的是抓住这段以em开头并以em结尾的段落。在这些标签之间可以是文本，包括其他内联标签，如 span、img、a 等。一个现实世界的例子可以是一些学术和报纸写作规则，当你必须强调已经强调的文本中的文本时，你取消强调中的强调，即作者介绍或参考书目：如果我们有这样一句话： -- John Doe 是《强调中的强调》一书的作者。 -- 一种打印规则是这样写：约翰·多伊 (John Doe) 是《强调中强调》一书的作者。但是当你要打印这一段强调时，它就会变成：约翰·多伊 (John Doe) 是强调中强调书的作者。与参考书目演示相同： John Doe，强调内部强调，纽约，出版商名称，2024 年。强调的变成： John Doe，强调强调，纽约，出版商名称，2024 年。考虑某些文本（作者、姓名、出版商名称或书名）可能锚定到链接。这个问题是上一个问题的延伸，我们只是在寻找一个以p开始和结束的em。提供了一些答案，涵盖处理 p 后跟一个或多个 em 的简单或更复杂的情况，并且标签之间没有其他文本。这里的区别在于，标签之间有一些文本，但主要目的是相同的：段落的开头和结尾强调了中间可能存在的任何内容。这个 xpath 会得到这样的段落 //*[./*[1][name()="em"] and ./*[last()][name()="em"]] 同样使用child轴//*[child::*[1][name()="em"] and child::*[last()][name()="em"]]

html dom xpath

回答 1 投票 0

为什么 Facebook Business 登录 Instagram 在连接到 Instagram 时卡住了？

我正在尝试为 Instagram 实现 facebook 业务登录。下面是我构建的 url 和调用该 URL 的 href 标记。但是，流程在连接到 Instagram 时卡住并出现错误辉...

javascript facebook dom instagram href

回答 2 投票 0

以编程方式在更改事件处理程序中设置日期输入的值会触发 Firefox 中的更改事件

每当有人选择休息日的日期（例如星期六或星期日，它可能是一系列关闭日中的任何一天）时，我想呈现错误。我有 HTML：每当有人选择休息日的日期（例如星期六或星期日，它可能是一系列关闭日中的任何一天）时，我想呈现错误。我有 HTML： <div> <input type="date" id="date-input"> </div> <br> <div id="error-container"> </div> CSS： .d-error{ background: orangered; color: white; padding: 4px 8px; } 这是 JavaScript： 'use strict'; const dateInput = document.getElementById('date-input'); const errorContainer = document.getElementById('error-container'); const closingDays = [0, 6]; const weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday','Friday', 'Saturday']; const displayError = function ({ parentEl, message, position = 'prepend', durationSec = 0 }) { const errorElement = document.createElement('p'); errorElement.classList.add('d-error'); errorElement.textContent = message; parentEl[position](errorElement); if (durationSec) { setTimeout(() => { errorElement.remove(); }, durationSec * 1000); } }; const handleDateChange = function (event) { const selectedDay = new Date(event.currentTarget.value).getDay(); if (closingDays.includes(selectedDay)) { displayError({ parentEl: errorContainer, message: `We are closed on ${weekDays[selectedDay]}. Please select another day.`, durationSec: 5 }); event.currentTarget.value = ''; } }; dateInput.addEventListener('change', handleDateChange); 这可行，但错误会呈现两次。一次是由于用户更改，一次是由于以编程方式更改输入值 event.currentTarget.value = '';。那么，如何暂时删除 change 事件监听器并重新附加到它呢？或者有其他方法可以解决这个问题吗？我尝试过： const handleDateChange = function(event) { ... event.currentTarget.removeEventListener('change', handleDateChange); event.currentTarget.value = ''; event.currentTarget.addEventListener('change', handleDateChange); ... } 但这并没有解决问题。更新：首先，正如@Sebastian 所指出的，以编程方式设置输入的值不会触发change事件。所以一定还有其他原因导致事件触发两次。我非常抱歉没有在 Firefox 以外的其他浏览器中进行测试。这个问题似乎只出现在 Firefox 中，因为在基于 chromium 的浏览器中，一切都按预期工作（尽管在 Firefox android 中工作）。所以，我猜测这是 Firefox 中的某种错误，但我个人无法确认。请尝试在不同的浏览器中运行代码片段。 'use strict'; const dateInput = document.getElementById('date-input'); const errorContainer = document.getElementById('error-container'); const closingDays = [0, 6]; const weekDays = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']; const displayError = function({ parentEl, message, position = 'prepend', durationSec = 0 }) { const errorElement = document.createElement('p'); errorElement.classList.add('d-error'); errorElement.textContent = message; parentEl[position](errorElement); if (durationSec) { setTimeout(() => { errorElement.remove(); }, durationSec * 1000); } }; const handleDateChange = function(event) { const selectedDay = new Date(event.currentTarget.value).getDay(); if (closingDays.includes(selectedDay)) { displayError({ parentEl: errorContainer, message: `We are closed on ${weekDays[selectedDay]}. Please select another day.`, durationSec: 5 }); event.currentTarget.value = ''; } }; dateInput.addEventListener('change', handleDateChange); .d-error { background: orangered; color: white; padding: 4px 8px; } <div> <input type="date" id="date-input"> </div> <br> <div id="error-container"> </div> 这里是一个较短版本的代码片段，用于在 Firefox (121) 中重现该错误。 OP 是正确的，第二个事件实际上是由以编程方式设置事件处理程序内的输入字段的值引起的（根据第一个注释在规范中，情况不应该是这样）。但是，第二个事件中打印到控制台的值与第一个事件的值相同。此外，在事件处理程序之外设置值根本不会触发事件（应该如此）。与此同时，OP here on bugzilla 报告了这种不一致的行为（它可能与 this other 有关）。 function onChange(event) { console.log('changed to ' + dateInput.value) dateInput.value = ''; // somehow triggers a second event in Firefox }; dateInput.addEventListener('change', onChange); dateInput.value = '2024-02-07'; // does not trigger the event! <div> <input type="date" id="dateInput"> </div> 其他浏览器似乎没问题。特别是 Chromium 121 的行为符合预期（只有一个事件）。作为 Firefox 的解决方法，OP 的尝试离成功并不遥远。事实证明，以下方法适用于不监听第二个事件（尽管请参阅下面更好的解决方案） dateInput.removeEventListener('change', onChange); dateInput.value = ''; // somehow triggers a second event setTimeout(() => dateInput.addEventListener('change', onChange), 0); Firefox 似乎没有立即调度额外的事件（因此不在同一调用堆栈内）。因此，在重新连接侦听器之前添加超时会有所帮助。如果您使用布尔标志，代码可能会更加透明和高性能，正如 @isherwood 所建议的。正如 @AayushKarna 的评论中所指出的，在 Firefox 中仍然缺少在事件处理程序中重置输入字段的可见反馈。因此，还必须设置额外的超时时间。但随后它就不再触发 Firefox 中的事件，因此删除事件侦听器就变得多余了。我仍然在答案中保留上述建议，因为问题中明确要求了这一点。尽管如此，现在更简单的解决方法片段是： function onChange(event) { console.log('changed to ' + dateInput.value) setTimeout(() => dateInput.value = '', 0); }; dateInput.addEventListener('change', onChange); <div> <input type="date" id="dateInput"> </div> 即使在 Firefox 中，更改的值也仅打印一次，并且输入字段也明显重置。随时添加更多信息。这是社区的答案...

javascript dom dom-events

回答 1 投票 0

dom 相关问题

最新问题