getBoundingClientRect;不工作..? 这是结果:

问题描述

我想知道.mydiv,离主体顶部有多远,为此,我使用了代码getBoundingClientRect(),但是它不起作用,这是我的代码

`<!DOCTYPE html>
<html lang="en">
<head>
    <Meta charset="UTF-8">
    <Meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>


    <h1>Elemet.GetBoundingClientRect();</h1>
    <div class="myDiv">blah balh balh</div>

    <script type="text/javascript">
          var div = document.querySelector(".myDiv");
         var rect = div.getBoundingClientRect();
        console.log(rect);
    </script>
</body>
</html>`

这是结果:

`Domrect {x: 0,y: 0,width: 0,height: 0,top: 0,…} 
bottom: 0 height: 0 left: 0 right: 0 top: 0 width: 0 x: 0 y: 0 __proto__: Domrect`

结果只给我零个数字
我该如何解决此问题,请帮忙 ???!

解决方法

正在工作。尝试删除CSS,然后再次测试。

import os
import sys
import requests_html
import requests
import pyppeteer



def get_request(url,render = False):

    session = requests_html.HTMLSession()
    res = session.get(url)

    try:
        res.raise_for_status()
    except ValueError as e:
        raise('Dead link')

    if render:
        res.html.render(sleep = 2,timeout = 20)

    return res,session


def test_render():
    url = 'https://www.yahoo.com/'
    res,session = get_request(url,render = True)