如何从 WebView 获取 div 的属性答案

【问题标题】：How can I get attribute of a div from WebView如何从 WebView 获取 div 的属性
【发布时间】：2020-07-29 18:46:05
【问题描述】：

我有一个网页

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

我想得到宽度值

【问题讨论】：

标签： javascript java android html webview

【解决方案1】：

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

&lt;div class="mydiv" style="width: 50%"&gt; div content &lt;/div&gt;

【讨论】：

【解决方案2】：

你可以使用

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

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

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

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

要从下面的 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>

控制台输出：

page is fully loaded
50%

【讨论】：