马黑黑 发表于 2026-2-20 18:47

测试：获取帖子所在父元素相关数据

<pre id="sData" style="font-size: 18px; line-height: 26px"></pre>

<script>
const sData = document.getElementById('sData');
getPaData(sData);

function getPaData(pre) {
    const pa = pre.parentNode;
    let data = `父元素相关数据
   
名称 ：${pa.tagName}
top: ${pa.offsetTop}
left ：${pa.offsetLeft}
宽度 ：${pa.offsetWidth}
高度 ：${pa.offsetHeight}

【附】视口宽高 ：${window.innerWidth} * ${window.innerHeight}`;
    pre.textContent = data;
};
</script>

马黑黑 发表于 2026-2-20 18:49

td 单元格 top、left 值未定义，拿到的值没有参考意义

红影 发表于 2026-2-20 20:16

没看懂，这个测试的td 单元格是哪的单元格啊。

马黑黑 发表于 2026-2-20 23:06

红影 发表于 2026-2-20 20:16
没看懂，这个测试的td 单元格是哪的单元格啊。

是帖子所在的单元格，包括你发的回复，都放在各自的 <td> 标签里

红影 发表于 2026-2-21 09:31

马黑黑 发表于 2026-2-20 23:06
是帖子所在的单元格，包括你发的回复，都放在各自的标签里

这个厉害了，可以直接测试论坛的设置了。

马黑黑 发表于 2026-2-21 11:38

红影 发表于 2026-2-21 09:31
这个厉害了，可以直接测试论坛的设置了。

JS操作DOM是它的基本功能

红影 发表于 2026-2-22 09:25

马黑黑 发表于 2026-2-21 11:38
JS操作DOM是它的基本功能

对这个基本功能不熟悉呢{:4_173:}

马黑黑 发表于 2026-2-22 13:01

红影 发表于 2026-2-22 09:25
对这个基本功能不熟悉呢

假设 HTML 是房子，那么，交房后，后续的装修甚至推倒重来，都是JS的拿手好戏

红影 发表于 2026-2-22 21:32

马黑黑 发表于 2026-2-22 13:01
假设 HTML 是房子，那么，交房后，后续的装修甚至推倒重来，都是JS的拿手好戏

嗯嗯，JS的能量还是很大的{:4_204:}

马黑黑 发表于 2026-2-22 21:47

红影 发表于 2026-2-22 21:32
嗯嗯，JS的能量还是很大的

那必须的

红影 发表于 2026-2-23 08:52

马黑黑 发表于 2026-2-22 21:47
那必须的

能完成很多复杂的任务。

马黑黑 发表于 2026-2-23 10:40

红影 发表于 2026-2-23 08:52
能完成很多复杂的任务。

理论上可以

红影 发表于 2026-2-23 21:22

马黑黑 发表于 2026-2-23 10:40
理论上可以

特别厉害{:4_204:}

马黑黑 发表于 2026-2-23 23:42

红影 发表于 2026-2-23 21:22
特别厉害

嗯嗯，还行

红影 发表于 2026-2-24 20:02

马黑黑 发表于 2026-2-23 23:42
嗯嗯，还行

是非常行呢{:4_187:}

马黑黑 发表于 2026-2-24 21:17

红影 发表于 2026-2-24 20:02
是非常行呢

非常行和非常不行其实也差不多

红影 发表于 2026-2-25 21:11

马黑黑 发表于 2026-2-24 21:17
非常行和非常不行其实也差不多

在你这里万事差不多{:4_173:}

马黑黑 发表于 2026-2-25 21:31

红影 发表于 2026-2-25 21:11
在你这里万事差不多

美美大同

红影 发表于 2026-2-25 23:04

马黑黑 发表于 2026-2-25 21:31
美美大同

那只是遥远的梦。{:4_173:}

马黑黑 发表于 2026-2-25 23:42

红影 发表于 2026-2-25 23:04
那只是遥远的梦。

也许这就是所谓的远方和诗吧
页: [1] 2
查看完整版本: 测试：获取帖子所在父元素相关数据