如何从 WebView 获取 div 的属性

Question

我有一个 web 页面

<div class="mydiv" style="width: 50%"> div content </div>

我想获得宽度值

Answer 1

 var elements = document.getElementsByClassName('mydiv'); console.log(elements[0].style.width);

 <div class="mydiv" style="width: 50%"> div content </div>

Answer 2

要从下面的 div 获取宽度，

<div class="mydiv" style="width: 50%"> div content </div>

请试试，

<!DOCTYPE html>
<html>
    <head>
        <title>

        </title>
    </head>
    <body>
        <div class="mydiv" style="width: 50%"> div content </div>
        <script>
            window.addEventListener('load', (event) => {
                console.log('page is fully loaded');
                var elements = document.getElementsByClassName('mydiv');
                var st = elements[0].getAttribute('style');
                var width = st.split(':')[1].trim();
                console.log(width);
            });
        </script>
    </body>
</html>

控制台中的 Output：

page is fully loaded
50%

Answer 3

您可以使用

var m=document.getElementById("mydiv").offsetWidth;

同样，如果您想了解 window 的宽度和高度，您可以使用

var w = window.innerWidth;
  var h = window.innerHeight;

Answer 4

你可以在你的js中试试这个。

 console.log(document.querySelector(".mydiv").style.width);

如何从 WebView 获取 div 的属性

问题描述

4 个解决方案

解决方案1
1 2020-07-29 18:59:40

解决方案2
0 2020-07-29 18:55:55

解决方案3
0 2020-07-29 19:00:02

解决方案4
0 2020-07-29 19:00:33

如何从 WebView 获取 div 的属性

问题描述

4 个解决方案

解决方案1 1 2020-07-29 18:59:40

解决方案2 0 2020-07-29 18:55:55

解决方案3 0 2020-07-29 19:00:02

解决方案4 0 2020-07-29 19:00:33

解决方案1
1 2020-07-29 18:59:40

解决方案2
0 2020-07-29 18:55:55

解决方案3
0 2020-07-29 19:00:02

解决方案4
0 2020-07-29 19:00:33