dom 相关问题

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

在Next Js中设置body.overflow隐藏后无法冻结滚动

我在我的 Nextjs 中遇到这个问题，即使我将 document.body.style.overflow 设置为隐藏，我也无法冻结页面滚动。这是代码： https://codesandbox.io/p/sandbox/

javascript reactjs dom next.js frontend

回答 1 投票 0

如何使用打字稿对 DOM 元素使用自定义指令

我在我的角度项目中创建了一个自定义指令。我想将它用于打字稿中的 DOM 元素。如果可能的话该怎么做？谢谢你！我在搜索中没有找到任何有用的东西

angular typescript dom directive

回答 0 投票 0

在 querySelector 中使用 Spread Operator 如何防止特定元素发生反应？

这里我用查询选择器创建了一个扩展运算符，并希望将除标签之外的所有元素着色为白色，在 h1 中我想应用另一种颜色，所以在这里我也在 h1 中应用了白色，所以 ho...

javascript reactjs dom

回答 1 投票 0

如何使用 DOM 在 JavaScript 中隐藏元素而不占用页面空间？

我在 JavaScript 中使用 DOM 隐藏元素。它在使用 display='none' 时隐藏元素，但它的空间仍然存在（就像在 CSS 中使用 visibility='hidden' 时一样）。如何隐藏空间呢？ ...

javascript css dom

回答 1 投票 0

使用 jQuery 按 span 类获取选中的元素

我正在使用一个插件，它根据我在单独的 javascript 文件中定义的标签创建一个 span 类元素。我想为选中复选框并引用时创建一个 eventListener ...

javascript jquery dom

回答 0 投票 0

如何找到 contenteditable=true <p> 标签的当前插入符号/光标索引

我真的很难找到适合我的用例的答案。我需要了解光标/插入符号在 contentEditable 标签中的位置。我尝试了各种解决方案，但总是得到...

javascript node.js dom selection stenciljs

回答 0 投票 0

深度克隆节点后，给定原始树中的一个节点，如何找到对应的克隆节点？

我正在构建一个模板引擎。作为缓存机制的一种形式，我想保留一个包含模板树的 DocumentFragment 节点，我将在其上调用 .cloneNode(true), ...

javascript dom clonenode

回答 0 投票 0

“输入”元素的“更改”和“输入”事件之间的区别

有人能告诉我更改和输入事件之间的区别是什么吗？我正在使用 jQuery 添加它们： $('input[type="text"]').on('change', function() { 警报($(this).val()); }) 它

javascript jquery events dom

回答 5 投票 0

JS 从其子项的内部 HTML 值对数组进行排序？

有没有办法根据 html 元素的 innerText 的值对 JS 数组进行排序？我正在创建一个 div 元素（class="inbox" id="inbox${var}"），其中包含一个数字

javascript html arrays dom scope

回答 1 投票 0

单击时如何防止 HTML 按钮移动

我正在尝试制作一个按钮，单击该按钮会创建一堆 div 元素，每个元素都包含单词“hello”。我的代码在这里：变种开始=功能（）{ 对于 (var i = 0; i < ...

javascript html css dom button

回答 2 投票 0

如何在谷歌脚本中获取和使用返回值

我在 funcs.gs 的 Google Scripts 中有一个函数返回一个对象。根据用户输入的内容，对象返回并显示一些结果。但我想更进一步......

javascript html dom google-apps-script

回答 2 投票 0

mousemove 事件是否会根据鼠标方向的不同而有所不同？

我有以下代码 canvas1.addEventListener('mousedown', function(e) { var x = e.clientX - canvas1.getBoundingClientRect().left; var y = e.clientY - canvas1.getBoundingClien...

javascript html dom dom-events

回答 2 投票 0

如何通过嵌套类构建带有标签的字符串？

如何通过嵌套类构建带有标签的字符串？大家好！你能帮我用嵌套类构建一个html文档吗？主要目的是用这样的 html 标记构建一个字符串如何通过嵌套类构建带有标签的字符串？大家好！你能帮我用嵌套类构建一个html文档吗？主要目的是用这样的 html 标记构建一个字符串 <html> <div> <p>123</p> <div> <div> 123 <a>123</a> <div> </div> </div> </html> 我有一个包含以下文件的 DOMElement 类： class DOMElement { TagName :string; TextContent: string | null; Attributes: string[]; AttributesValue: string[]; Children: DOMElement[]; // stored nested tags; } 所以我已经有了这个类的文档的 dom 结构，我想把它返回到标记中为此我使用了错误的方法 public convertToHtml(domTree: DOMElement, str: string = ''): string { if (domTree.Children.length != 0) { domTree.Children.forEach(x => { let attributes = ''; x.Attributes.forEach((attr, index) => { attributes += attr + '=' + `${x.AttributesValue[index]}"`; }); if (x.Children.length != 0) { x.TextContent = '' } str += `<${x.TagName.toLowerCase()} ${'attributes'}>${this.convertToHtml(x,str)}${x.TextContent}</${x.TagName.toLowerCase()}>` }); } return str; } 如何修复此递归以使其返回标记结构？或者它有其他选项来创建带有嵌套对象的标记？谢谢！获取结果 html 正文

javascript html typescript recursion dom

回答 0 投票 0

如何在页面重定向和后退点击上保留列表视图图标

我有一个用 html、css、javascript 编写的页面，它有两个图标（即平铺视图和列表视图）。一旦从“平铺视图”切换到“列表视图”，我就会在 gr 中显示记录...

javascript html listview dom gridview

回答 0 投票 0

在调用异步函数之前是否有任何理由等待 DOM 内容加载？

我正在学习 Javascript，而 VSC 只是建议我让我的 fetchElements 函数异步并自动为我更改它，但我正在查看我在哪里调用它，它似乎......

javascript html dom event-handling dom-events

回答 0 投票 0

PHP / DOM：解析 HTML 以根据类提取数据

我有这个 HTML 标题 2 2023-04-01 我有这个 HTML <div class="news"> <h3 class="border-bottom">Title 2</h3> <p class="mt-0 ml-1">2023-04-01</p> <img src="20230401.jpg" class="w-50 float-right ml-2"> <p class="lead"><p>Description 2</p></p> <a href="https://.../news/245" class="btn btn-secondary">Read more</a> </div> <div class="news"> <h3 class="border-bottom">Title 1</h3> <p class="mt-0 ml-1">2023-03-31</p> <img src="20230331.jpg" class="w-50 float-right ml-2"> <p class="lead"><p>Description 1</p></p> <a href="https://.../news/244" class="btn btn-secondary">Read more</a> </div> 我想提取每个项目的标题和日期。我试过这个 $class = "news"; $dom = new DOMDocument(); $dom->loadHTML($html); $a = new DOMXPath($dom); $divs = $a->query("//*[contains(concat(' ', normalize-space(@class), ' '), ' $class ')]"); foreach ($divs as $link) { print_r($link->nodeValue); } 但它显示：标题 2 2023-04-01 说明 2 阅读更多标题 1 2023-03-31 说明 1 阅读更多我卡住了，不知道如何提取这个首先，您的样本无效（它包含嵌套的<p>s）。假设你解决了这个问题，我会尝试这样的事情： $qu = "//div[contains(@class,'{$class}')]"; $divs = $a->query($qu); foreach ($divs as $div) { $targets = $a->query('.//h3 | p[1]',$div); echo($targets[0]->textContent ." ".$targets[1]->textContent."\r\n"); }; 输出，基于你的固定样本 html: Title 2 2023-04-01 Title 1 2023-03-31 编辑：同样要获取链接，for 循环应更改为： { $targets = $a->query('.//h3 | p[1] | a/@href',$div); echo($targets[0]->textContent ." ".$targets[1]->textContent." ".$targets[2]->textContent."\r\n"); }; 现在的输出应该是： Title 2 2023-04-01 https://.../news/245 Title 1 2023-03-31 https://.../news/244

php dom

回答 1 投票 0

java.lang.NullPointerException 尝试使用 Selenium 定位阴影元素时出现错误

我正在尝试定位一个字段来上传文件，但该元素位于 shadow-root 中我尝试了以下代码，但我在 shadowRoot.findElement 上得到了 java.lang.NullPointerException：私人静态

selenium-webdriver dom

回答 0 投票 0

当我的元素有多个类时，如何在 DOM 中的特定类上应用事件？

我正在设计一个预订网站，我想通过单击删除按钮删除整个文本和删除按钮，因为我的按钮有两个类，className 不会检索特定的 ...

javascript html css dom

回答 2 投票 0

event.stopPropagation 没有正常工作

我不知道我哪里做错了。我有两个听众，一个连接到祖先容器，第二个是它里面的按钮。我的目标是一个带有 .closest 方法的按钮，它也会触发 child