问题标签 [htmlelements]

我正在使用 TypeScript 构建一个 React 应用程序。我使用 React 测试库进行组件测试。

假设您有这样的简单形式：

在此视频中，Kent（库的创建者）展示了如何测试表单输入输入。测试看起来像这样：

问题是他用纯 JavaScript 做到了。使用 TypeScript 执行此操作时，他设置的行.value会引发以下错误

如何使用 React 测试库使用 TypeScript 测试此功能？您将如何设置输入的值？

我想从中获取元素高度document，我正在尝试使用const header = document.getElementsByClassName(myClass). 但是在转换为 时存在一些Element问题HTMLElement。是否有一些方法可以HTMLElement从构建string或获得attributes类似offsetHeightfrom HTMLCollection？

想象一个函数，其签名如下所示：

要实现该功能，您必须检查元素是使用value属性 (ie HTMLInputElement) 还是使用textContent属性 (ie SpanElement) 并获取相应的属性。我要问的是几种可以实现readElement、万无一失且具有高浏览器兼容性的方法。

以下是我过去用来解决问题的方法列表：

• element.value !== undefined
• element.constructor.hasOwnProperty("value")
• typeof element.value === "string"
• [HTMLInputElement, HTMLTextAreaElement,...].some(proto => element instanceof proto)

通常，当我查询 DOM

像这样

输出是一个 HTML 元素，如下所示：

但是当我使用 stackblitz 创建一个新的 Angular 应用程序并执行相同操作时，我得到了 Mat-list 的“HTMLElement”对象，它看起来像一个普通对象。我使用 MutationObserver 的方式有问题吗？

https://stackblitz.com/edit/angular-8vz9gn?file=src%2Fapp%2Fapp.component.ts

我想获得结果搜索。但我明白了null。

我的代码：

当我运行代码时，我得到：

HtmlPage(http://search.tut.by/?status=1&ru=1&encoding=1&page=0&how=rlv&query=%CB%F3%EA%E0%F8%E5%ED%EA%EE)@2039810346 [] [ ]

元素在哪里？我检查了我的 XPath。

我正在编写一个 HTMLElement 并尝试将锚标记动态添加到 html 中。我能够将锚标记添加到 innerHtml （createLink我的代码中的函数），但缺少 onClick 事件处理程序。如何在 javascript 中附加 onClick 事件处理程序。我正在用打字稿编写我的代码，并使用 babble 和 webpack 转换为 js。

}

当它在 UI 上呈现时，我看到了这个锚标记，但缺少 onClick 事件处理程序。

如何将 a 转换HTMLElement为Node元素。

根据这个答案（https://stackoverflow.com/a/9979779/639035）An element is one specific type of node...但我找不到转换它们的方法。

我特别需要一个 Node 元素，将它传递给MutationObserver（https://nitayneeman.com/posts/listening-to-dom-changes-using-mutationobserver-in-angular/），然后HTMLElement抛出一个错误。

这是我能找到的元素的 html

我可以使用类似的代码找到上面的元素

我在 Html 中有另一个元素，比如获取动态 id

我试图找到与上面相同的

但我收到“无法找到元素”的错误

如何解决这个问题？

我想将变量传递给元素。我的html就像

我声明元素喜欢

但是，那是行不通的。有没有人知道如何将变量传递给属性。我正在使用 C#

我有一个包含多个子节点的 html 元素。我想一直到最后一个 childNode 的第一个属性值。我不想以一种我定义静态字符串值的方式来实现它（比如一直给子节点名称等 4 次直到最后一个）来获得我想要的属性。有没有办法通过属性名称在子节点中搜索树？

所以基本上，我想去最后一个有 5 个节点列表的 childNodes 并选择 [0] div#finalsection 并获取它的属性。