スタイルを取得するjsメソッド

jsがスタイルを取得する

* {
    margin: 0;
    padding: 0;
}
.box {
    width: 200px;
    height: 100px;
    margin: 100px;
    padding: 50px;
    border: 20px solid #33ff11;
    background-color: #ff4343;
}

rreee

1. jsがスタイルを取得する方法1

スタイルを通じて取得できるのはインラインスタイルのみですが、非インラインスタイルの場合は取得できません

<p id="box" class="box"></p>

2. style 2

window .getComputedStyle は IE9

var box = document.getElementById('box');
console.log(box.style.width); // ""
console.log(box.style.height); // ""

3 以下の currentStyle と互換性がないため、ユニット

console.log(window.getComputedStyle(box, null)); // 返回的是对象CSSStyleDeclaration
console.log(window.getComputedStyle(box, null).width); // 200px
console.log(window.getComputedStyle(box, null).margin); // 100px
console.log(window.getComputedStyle(box, null).backgroundColor); // rgb(255, 67, 67)

を削除してください。

以上がスタイルを取得するjsメソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。