javascript - 获取 Angular Material Dialog Container 中元素的位置
问题描述
我正在尝试检索材质对话框容器中的元素,以便可以使用它的位置。
我正在使用Material Angular,特别是Dialog。
到目前为止,我已经尝试过getBoundingClientRect()
获取具有关联 ID 的元素。
使用document.getElementById(elementId).getBoundingClientRect()
回报{"x":0,"y":0,"width":0,"height":0,"top":0,"right":0,"bottom":0,"left":0}
elementId
mat-dialog 内的按钮的 id 在哪里。
解决方案
对于因我的愚蠢而遇到此问题的任何人,答案是我正在寻找的元素是隐藏的并且没有位置。
我有两个具有相同 id 的按钮,它只得到了 DOM 中的第一个按钮。
更改按钮的 id 解决了这个问题。
推荐阅读
- python - Apache-Flink 1.11 无法在 SQL 函数 DDL 中使用 Python UDF
- javascript - 使用钩子等待父状态在 onClick 事件中发生变化
- python - 根据正则表达式模式列表排除 DataFrame 中的行的最简单或最 Pythonic 的方法?
- node.js - 如何从自定义对象设置 Firestore 时间戳?
- azure-devops - 如何在 Azure Devops 模板的条件表达式中使用变量
- javascript - 如何处理重复的firebase应用程序初始化
- c# - 如何在 C# 上使用图像的字节数组
- c++ - 我可以重新分配/覆盖 std::string 吗?
- python - 使用python从网站上抓取表格并尝试获取带有文本的内容的超链接
- python - 数字猜谜游戏的编码问题