style
style
属性を使用し、ネイティブの一貫性を保つ;
注意:style
属性は実際のスタイル値を取得できず、単にstyle
属性に設定された値しか取得できません。style
メソッドは css メソッド に似ていますが、全体のスタイルのオーバーライドはできません。css と比較して、style
メソッドの内部実行効率が高いです。
下記は style
の使い方を示す例です:
<script src="https://cdn.jsdelivr.net/gh/kirakiray/ofa.js@4.5.26/dist/ofa.min.js"></script>
<div id="target">origin text</div>
<br>
<h4>logger</h4>
<div id="logger" style="border:#aaa solid 1px;padding:8px;"></div>
<script>
$("#logger").text = $("#target").style.color;
setTimeout(()=> {
$('#target').style.color = 'red';
$("#logger").text = $("#target").style.color;
}, 1000);
</script>
style
メソッドは、style
属性の値を取得および設定するだけであり、実際の計算されたスタイルではありませんので、お気をつけください。