如何從 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