如何在不明显呈现 html 字符串的情况下查找 html 元素 x、y、宽度或高度

费尔南多·贝萨

想象一下:您向页面发出一个 get 请求,然后您收到它的 HTML 作为响应,就像浏览器一样。

如果不渲染它,您如何使用该 HTML 字符串并以编程方式计算页面中元素的 x、y 宽度和高度属性?

我可以在隐藏窗口中使用某个库模拟渲染,还是可以在 js 中模拟一个窗口,模拟其渲染并使用常规方法来查找这些值?

帕特里克·格雷戈里奥

您可以做的是将元素呈现在body. 确保将背景颜色应用于此处html提到元素一旦您将元素呈现在用户看不到的地方,您就可以获取所需的所有内容。

$(document).ready(function() {
  console.log("Width: " + $("#child").css("width"));
  console.log("Height: " + $("#child").css("height"));
  console.log("Left: " + $("#child").css("left"));
  console.log("Top: " + $("#child").css("top"));
});
html { 
  background-color: white;
}

body {
  background: #dadada;
  height: 100vh;
}
#child {
  width: 100px;
  height: 100px;
  background: yellow;
  position: relative;
  left: 65px;
  top: 50px;
  z-index: -1;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="child">This should be hidden</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在不创建格式错误的HTML标签的情况下拆分字符串?

来自分类Dev

如何在不创建格式错误的HTML标签的情况下分解字符串?

来自分类Dev

在HTML字符串中查找元素

来自分类Dev

如何在不使用XmlService的情况下解析Google Apps脚本中的HTML字符串?

来自分类Dev

如何在不打开任何窗口的情况下使用Firefox附加SDK解析html字符串

来自分类Dev

在没有html分隔符的情况下使用php和selenium在html中查找字符串

来自分类Dev

如何让元素采用 html 元素的宽度?

来自分类Dev

如何使用JavaScript查找和替换HTML DOM元素中的字符串

来自分类Dev

如何使用带有Java的HtmlUnitDriver查找与特定字符串匹配的HTML元素?

来自分类Dev

如何使用Beautiful Soup和regex字符串查找html元素

来自分类Dev

在HTML字符串中查找元素的文本

来自分类Dev

无法获取Firefox元素的HTML元素的高度和宽度

来自分类Dev

如何使用html字符串渲染react元素?

来自分类Dev

如何从HTML字符串的“ head”部分提取元素?

来自分类Dev

如何从字符串插入元素到html文档?

来自分类Dev

元素宽度HTML不变

来自分类Dev

元素宽度HTML不变

来自分类Dev

如何在没有jQuery的情况下从ajax responseText的html元素获取数据

来自分类Dev

如何在没有JavaScript的情况下强制HTML元素保持恒定的宽高比?

来自分类Dev

如何在不丢失初始CSS样式的情况下隐藏/显示html元素?

来自分类Dev

如何在不使用jQuery更改html的情况下更改元素的同级文本?

来自分类Dev

如何在不使用 ID 的情况下访问/编辑 HTML 元素

来自分类Dev

如何在没有 ID 或类的情况下访问 html 元素标签?

来自分类Dev

如何在HTML中对字符串元素进行子字符串化

来自分类Dev

如何在不访问html的情况下将ng-app添加到html元素

来自分类Dev

如何在Javascript中将混合的HTML字符串/ DOM元素转换为DOM元素?

来自分类Dev

如何同步表妹html元素的高度

来自分类Dev

如何在Django Python中将包含HTML元素的字符串转换为HTML DOM元素形式

来自分类Dev

HTML元素定位-如何在没有javascript的情况下使元素始终位于可见区域

Related 相关文章

  1. 1

    如何在不创建格式错误的HTML标签的情况下拆分字符串?

  2. 2

    如何在不创建格式错误的HTML标签的情况下分解字符串?

  3. 3

    在HTML字符串中查找元素

  4. 4

    如何在不使用XmlService的情况下解析Google Apps脚本中的HTML字符串?

  5. 5

    如何在不打开任何窗口的情况下使用Firefox附加SDK解析html字符串

  6. 6

    在没有html分隔符的情况下使用php和selenium在html中查找字符串

  7. 7

    如何让元素采用 html 元素的宽度?

  8. 8

    如何使用JavaScript查找和替换HTML DOM元素中的字符串

  9. 9

    如何使用带有Java的HtmlUnitDriver查找与特定字符串匹配的HTML元素?

  10. 10

    如何使用Beautiful Soup和regex字符串查找html元素

  11. 11

    在HTML字符串中查找元素的文本

  12. 12

    无法获取Firefox元素的HTML元素的高度和宽度

  13. 13

    如何使用html字符串渲染react元素?

  14. 14

    如何从HTML字符串的“ head”部分提取元素?

  15. 15

    如何从字符串插入元素到html文档?

  16. 16

    元素宽度HTML不变

  17. 17

    元素宽度HTML不变

  18. 18

    如何在没有jQuery的情况下从ajax responseText的html元素获取数据

  19. 19

    如何在没有JavaScript的情况下强制HTML元素保持恒定的宽高比?

  20. 20

    如何在不丢失初始CSS样式的情况下隐藏/显示html元素?

  21. 21

    如何在不使用jQuery更改html的情况下更改元素的同级文本?

  22. 22

    如何在不使用 ID 的情况下访问/编辑 HTML 元素

  23. 23

    如何在没有 ID 或类的情况下访问 html 元素标签?

  24. 24

    如何在HTML中对字符串元素进行子字符串化

  25. 25

    如何在不访问html的情况下将ng-app添加到html元素

  26. 26

    如何在Javascript中将混合的HTML字符串/ DOM元素转换为DOM元素?

  27. 27

    如何同步表妹html元素的高度

  28. 28

    如何在Django Python中将包含HTML元素的字符串转换为HTML DOM元素形式

  29. 29

    HTML元素定位-如何在没有javascript的情况下使元素始终位于可见区域

热门标签

归档