如何从WebView中获取div元素的属性

huangapple go评论72阅读模式
英文:

How can I get attribute of a div from WebView

问题

我有一个网页,其中包含

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

我想获取宽度值。

英文:

I have a web page that has

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

and I want to get the width value

答案1

得分: 1

<!-- 开始代码片段:js 隐藏:false 控制台:true Babel:false -->

<!-- 语言:lang-js -->
var elements = document.getElementsByClassName('mydiv');
console.log(elements[0].style.width);

<!-- 语言:lang-html -->
<div class="mydiv" style="width: 50%"> div content </div>

<!-- 结束代码片段 -->
英文:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

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

<!-- language: lang-html -->

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

<!-- end snippet -->

答案2

得分: 0

50%
英文:

To get the width from the below div,

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

Please try,

&lt;!DOCTYPE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;

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

Output in console:

page is fully loaded
50%

答案3

得分: 0

你可以使用以下代码:

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

同样,如果你想知道窗口的宽度和高度,可以使用以下代码:

var w = window.innerWidth;
var h = window.innerHeight;
英文:

you can use

var m=document.getElementById(&quot;mydiv&quot;).offsetWidth; 

Similarly if you want to know about window width and height you can use

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

答案4

得分: 0

你可以在你的JavaScript中尝试这个。

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

You can try this in your js.

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

console.log(document.querySelector(&quot;.mydiv&quot;).style.width);

<!-- end snippet -->

huangapple
  • 本文由 发表于 2020年7月30日 02:46:05
  • 转载请务必保留本文链接:https://go.coder-hub.com/63160440.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定