dom 相关问题

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

如何将使用 getElementsByClassName 返回的 HTMLcollection 转换为 Array

Array.from() 或 Array.prototype.slice.call() 或使用 for 循环将 htmlcollection 添加到数组中无法将 HTMLcollection 从 getElementsByClassName 转换为数组，以便我可以迭代

javascript arrays dom htmlcollection

回答 1 投票 0

为什么我的 JavaScript 仍然先于 HTML 加载？

我已经尝试了所有推荐的解决方案：将我的脚本移到元素之后；在关闭标签之前插入；将我所有的 JS 代码包装在 document.addEventListener("

javascript html dom

回答 1 投票 0

为什么appendChild()会让一些孩子失踪？

const div1 = document.createElement('div'), div2 = document.createElement('div') div1.innerHTML = 'x' div1.childNodes.forEach(子=> { // 文本节点 x 丢失控制台.l...

javascript dom browser

回答 1 投票 0

使用 EJS 添加部分模板时的空格

我正在使用 SailsJS 和 EJS 引擎。当我使用 <% include partials/template.ejs %> 或 <% partial('partials/template.ejs') in the layout file, I get whitespaces before the comp...

node.js dom express sails.js ejs

回答 4 投票 0

如何打印数组中数字重复的次数？ JS

我正在尝试解决这个练习：编写一段 JavaScript 代码，要求用户输入一个数字，然后打印该数字在数组中出现的次数。我正在用 parseFloat 来做，所以我可以...

javascript arrays function for-loop dom

回答 1 投票 0

在Web Worker中，如何从字符串中查找html属性？

在网络工作者内部，我有一个 html 字符串，例如： “” 有没有我可以轻松导入的库

javascript dom web-worker

回答 2 投票 0

如何检查文本内容的显示：无样式

我想获取 DOM 节点的文本内容，但没有有效隐藏的元素（具有样式显示：无）。我了解 DOM textContent 属性和 jQuery 的 text() 方法（我...

javascript jquery unit-testing dom angularjs-directive

回答 7 投票 0

动态加载元素内的Htmx功能，通过自定义JS在动态加载元素上初始化htmx

动态加载具有 htmx 属性的元素后，htmx 功能似乎不会在动态加载的元素上激活。重要的是要知道动态加载的元素......

javascript ajax dom htmx

回答 1 投票 0

if 命令和其余命令正确吗？

我正在尝试制作它，以便它可以显示该元素是否是cadetblue。代码：＃笨蛋{ 背景颜色：cadetblue； </desc> <question vote="0"> <p>我正在尝试制作它，以便它可以显示该元素是否是 cadetblue 。代码：</p> <pre><code><!DOCTYPE html> <html> <head> <style> #idiot{ background-color:cadetblue; border-top-left-radius:50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; border-top-right-radius: 50%; width: 100px; height: 30px; } </style> </head> <body> <p id="idiot-background-p">The button is Cadet Blue.</p> <div id="idiot"></div> <script> if(document.getElementById(idiot).style.background-color !== 'cadetblue'){ document.getElementById(idiot-background-p).innerHTML="The button is not Cadet Blue"; }; </script> </code></pre> <p>当我将背景颜色更改为黑色时，它仍然显示</p><p>为“按钮是学员蓝色”。可能只是我因为新而忘记了一些东西，但我不确定。</p> </question> <answer tick="false" vote="0"> <p>您的 JavaScript 代码中存在一些语法错误。</p> <p>首先，<pre><code>document.getElementById</code></pre>需要一个字符串或一个包含字符串（你的id的字符串名称）的变量，在这种情况下，看起来你试图通过id“idiot”获取一个元素，所以正确的方法为此，请在 ID 的开头和结尾添加单引号或双引号。 <pre><code>idiot-background-p</code></pre>也是如此。</p> <p>并且，在 <pre><code>styles.background</code></pre> 和 <pre><code>color</code></pre> 中间有一条斜线，而它应该没有斜线</p> <p>固定代码：</p> <pre><code><script> if(document.getElementById("idiot").style.backgroundColor !== 'cadetblue'){ document.getElementById("idiot-background-p").innerHTML="The button is not Cadet Blue"; }; </script> </code></pre> </answer> <answer tick="false" vote="0"> <p>您缺少在 <pre><code>getElementById</code></pre> 上标注元素的名称，它使用字符串来查找元素。如果您使用了变量，那么您可以删除 cuotes。</p> <p>此外，JavaScript 上的 CSS 属性 <pre><code>background-color</code></pre> 是 <pre><code>backgroundColor</code></pre>。如果您使用某种类型的 IDE（如 <a href="https://code.visualstudio.com/" rel="nofollow noreferrer">VSCode</a>），它会建议您正确的 IDE：</p> <p><a href="https://i.stack.imgur.com/CglAr.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL0NnbEFyLnBuZw==" alt=""/></a></p> <p>脚本标签应如下所示：</p> <pre><code><script> if ( document.getElementById('idiot').style.backgroundColor !== 'cadetblue' ) { document.getElementById('idiot-background-p').innerHTML = "The button is not Cadet Blue"; } </script> </code></pre> </answer> <answer tick="false" vote="-1"> <p>文本仍然显示“按钮是学员蓝色”的原因是因为您正在使用 style.background-color 属性检查 id idiot 元素的背景颜色。此属性返回元素的当前背景颜色，而不是样式表中设置的原始背景颜色。</p> <p>要解决此问题，您需要使用 backgroundColor 属性而不是 style.background-color 属性。无论当前背景颜色是什么，backgroundColor 属性都会返回元素的原始背景颜色。</p> <p>试试这个：</p> if(document.getElementById(白痴).backgroundColor !== 'cadetblue'){ document.getElementById(idiot-background-p).innerHTML="该按钮不是 Cadet Blue"; }; </answer> </body></html>

javascript html css dom

回答 0 投票 0

尝试通过javascript启用和禁用CSS文件

我有2个不同的css文件，我想动态地使用它们。我有一个移动预览按钮，它将更改为另一个 css 文件，并将相同的按钮文本更改为桌面预览，并且...

javascript css dom dom-events

回答 1 投票 0

如何延迟“轮子”事件？

所以我有这段代码，在使用鼠标滚轮或触摸板时将视图更改为部分数组中的下一个 div。但是，当我使用触摸板时，它无法正常工作，因为每次......

javascript dom scroll smooth-scrolling js-scrollintoview

回答 1 投票 0

手动dispatchEvent DOMContentLoaded

有什么方法可以手动触发 DOMContentLoaded 事件吗？我正在尝试为一些客户端 JavaScript 编写一个单元测试，该测试在 DOMContentLoaded 事件上执行一些操作。以下做了...

javascript dom dom-events

回答 2 投票 0

in 语句中的reset() 函数无论条件如何都会执行？

我有这样的 HTML 表单：我有这个 HTML 表单： <form id="main"> <p1> <p1 id="introduction"></p1> <br> <br> <p1 id="annualGoals"></p1><br> <p1 id ="monthlyBudget"></p1> </p1> <br><br><br><br> <div id="finish"> Reset (Yes/No)?<br> <input type="text" id="reset"><br><br> <input type="submit" id="submit" value="submit" onclick="clear()"><br><br> <p1 id="error">We're unable to complete your request, please refresh the page to try again.</p1> </div> </form> 在 Javascript 中连接到此函数的 onclick 应该仅在输入为“是”时清除表单，否则使用 css 默认情况下隐藏的显示。 function clear() { if (document.getElementById("reset").textContent == "Yes") { document.getElementById("main").reset() return } const err = document.getElementById("error"); err.style.visibility = "visible"; document.querySelector('#submit').disabled = true; } 目前，无论输入什么，该功能都会重置表单。我尝试通过添加 else 条件来处理函数 if 语句，以防输入为“否”，但即使没有输入，它也会重置表单。我对 Javascript 很陌生，所以一定有一些我在逻辑中没有看到的东西。您面临的问题与您尝试访问输入值并检查它是否等于“是”的方式有关。要获取输入值，您应该使用“.value”而不是“.textContent”。另外，请务必将其与“Yes”（大小写正确）进行比较，并在不是“Yes”时进行处理。这是更正后的 JavaScript 函数： function clear() { var resetInput = document.getElementById("reset").value; if (resetInput === "Yes") { document.getElementById("main").reset(); } else { const err = document.getElementById("error"); err.style.visibility = "visible"; document.querySelector('#submit').disabled = true; } } 在此代码中，我们首先使用“document.getElementById("reset").value”检索“reset”输入字段的值。然后，我们将其与“Yes”（具有正确的大小写）进行比较，以决定是否重置表单或显示错误消息。如果不是“是”，它将显示错误消息并禁用提交按钮。

javascript html if-statement dom

回答 1 投票 0

元素不充当值的占位符？

我有点卡在这里，作为一个有抱负的网络开发人员，我在这个项目上取得了很多进展，但无法弄清楚这个功能。无法弄清楚为什么我的事件侦听器不重新...

javascript dom addeventlistener

回答 1 投票 0

文件大小达到约 8kb 后，字符串转 CSV 失败

当我增加 dataString 时，我收到此错误（在大约 8kb 文件大小之后）。 DOMException：无法在“Window”上执行“btoa”：要编码的字符串包含 Latin1 r 之外的字符...

javascript string csv dom

回答 1 投票 0

错误消息：“无法克隆传递的参数 [[object HTMLHeadElement]]”

我想在控制台中的 JavaScript 中将元素显示为 HTML DOM 中的对象，以便查看该对象的“树”模式。但如果我这样做，我得到的信息是： “C...