dom相关内容

尝试抽象WebAudio API xhr请求的部分时,无法将DOM元素传递给Java脚本中的构造函数

我的问题是。当我向下面的audioBoing函数添加参数,然后将相同的参数放入getElementById字符串中时,该函数不起作用。我收到一个错误,提示未捕获类型错误,无法调用Null的方法‘AddEventListener’ 下面的函数运行正常。我重写了它下面的函数,以反映我正在尝试做的事情。最终,我试图抽象该函数的一大部分,这样我就可以插入参数并运行它,而不必每次为它存储/启动的每个声 ..
发布时间:2022-09-23 20:23:47 前端开发

Reaction Ref;s Offsethe Right,即使在加载内容之后,JEST测试用例也始终返回

我使用的是反应测试库和jest。在Componentdidupdate中,即使在加载内容后,仍尝试将‘this.testRef.current.offsetHeight’,获取OffsetHeight为0。我需要DOM的精确OffsetHeight,因为它有一些基于它的条件。 在反应测试库和JEST中是否有解决方案。 我正在使用DangerouslySetInnerHTML为testR ..
发布时间:2022-09-04 11:26:38 其他开发

ReferenceError:未定义文档(VS代码中的JavaScript)

我在学习JS。找到了一个很好的视频和脚本编程-完整的课程和停顿在第二部分,我需要使用DOM。我有一个超文本标记语言文档,我引用了JS文件。其他功能运行良好,但这个: 让消息EL=document.getElementById(";message-el";) 始终收到此错误: ReferenceError:未定义文档 我安装了实时服务器,它工作了一次,但后来停止了 ..
发布时间:2022-08-17 13:26:14 前端开发

单次加载页面时触发两次DOMContent Loaded事件

几个月前,我编写了一个Firefox插件,但最近失败了。该附加组件主要是查找特定的URL,然后修改页面的DOM。我将失败归因于(意外)安装了“AVG Safe Search”插件。我发现,在禁用AVG外接程序的情况下,DOMContent Loaded事件会为文档触发一次(我最初预期的行为),但是在启用它的情况下,DOMContent Loaded事件会为文档触发两次。我的外接程序将一列插入到一个 ..
发布时间:2022-08-04 19:46:07 前端开发

使用php从网站获取DOM元素

大家好,我想从网站获取一个HTML节点,以便在我的网站上显示它,但我做不到。 这是我的代码。 $html = htmlentities(file_get_contents("http://stackoverflow.com/")); $doc = new DOMDocument(); $doc->loadHTML($html); $h1 = $doc->getElementsByTag ..
发布时间:2022-07-22 14:01:32 PHP

通过DOM中的前置元素实现无限循环

不寻找使用框架XXX答案 这个问题不是为了通过框架找到实际的解决方案。回答使用框架XXX,或者这在框架XXX中很容易,或者为什么不使用这个框架XXX??不能回答问题。 我有一个在页面加载后运行的函数:performShim。此函数迭代DOM中作为span标记的所有元素,检查它们是否具有className的shim,如果有,则调用shim向其传递匹配元素的引用。 我的目标是在spa ..
发布时间:2022-04-20 09:24:30 前端开发

如何在JavaScript中选择某个元素的最后一个元素

我的页面中有几个元素。有什么简单的方法可以选择最后一个吗?这给我带来了第一个问题: document.getElementById("myList") 更新: 抱歉,错误使用getElementById。让我改变我的问题:如何使用getElementsByTagName访问某个元素的最后一个元素? document.getElementsByTagName(" ..
发布时间:2022-04-14 18:16:53 前端开发

如何从普通DOM访问Vue组件

情况 我正在和Vue一起构建SPA。 有用Vue-Noty(https://github.com/renoguyon/vuejs-noty)制作的弹出式通知。 我有一个vuex操作,检查会话状态,如果它发现会话已过期,将显示NOTY(";您的会话已过期";)。 现在我想添加一个链接(";在此登录&q;),但我面临一个 问题 可以向通知添加标签。它们 ..
发布时间:2022-03-28 23:36:28 前端开发

在Cypress中测试拖动传单地图

我有一个非常简单的用例:我希望在更改传单地图视口时通过抓取它来测试数据获取。然而,我不知道如何写这个测试。 代码如下: cy.visit("/map"); // wait for data cy.get(".leaflet-interactive.multilinestring"); // simulate map moving c ..
发布时间:2022-03-13 15:35:25 前端开发

角度5:什么时候角度完成页面加载?

在我的angular5应用程序中,我使用的是表格。表中的数据来自后端。当表格第一次满载时,我想更改表格内的滚动位置。为此,我这样做: ngAfterViewInit() { setTimeout(function () { const scroller = document.getElementById('list-container'); scrol ..
发布时间:2022-03-09 22:07:57 其他开发

检查用户是否以亚像素精度纪元滚动到底部

我找到了检查内容是否已滚动到底部的经典MDN公式 element.scrollHeight - element.scrollTop === element.clientHeight 不再适用于所有情况。例如,如果将demo page on MDN的内容比例更改为大于100%的值,则不会获得正确的结果。这是因为现在浏览器对元素使用subpixel precision。特别是scrollTo ..
发布时间:2022-02-21 12:36:06 前端开发

使用JavaScript查找父元素的子元素

最有效的方法是只使用纯javascript查找特定父元素的子元素(带有类或ID)。没有jQuery或其他框架。 在本例中,我需要找到父的Child 1或Child 2,假设DOM树在树中可以有多个Child 1或Child 2类元素。我只需要父级 的元素 ..
发布时间:2022-02-21 12:34:37 前端开发

为什么HTML中不允许重复的ID值?

在什么情况下,HTML页面包含具有重复ID属性的元素是非法的? 作为一名使用HTML多年的开发人员,我知道我们的意图是元素ID应该是唯一的-我问的是重复ID的实际负面影响。 当然,某些库中类似getElementByID()的函数可能返回数组而不是单个元素,这可能会在开发人员没有预料到这种情况时导致问题。然而,据我所知,这样的函数将继续运行,非常清楚,它们不会是id重复的破坏效应。 ..
发布时间:2022-02-21 12:33:33 前端开发