Javascriptで要素のCSSを取得して表示


動作概要


idを指定した要素のCSSプロパティを表示するJavascript。

実行結果


250x250 image

プログラムコード

<img src="../img/250x250.jpg" id="img" title="250x250 image" alt="250x250 image">
<script>
var element = document.getElementById('img');
var style = (element.currentStyle || document.defaultView.getComputedStyle(element, ''));
document.write('margin: '+style.margin+'<br>');
document.write('border: '+style.border+'<br>');
document.write('padding: '+style.padding+'<br>');
document.write('width: '+style.width+'<br>');
document.write('height: '+style.height+'<br>');
document.write('max-width: '+style.maxWidth+'<br>');
document.write('max-height: '+style.maxHeight+'<br>');
</script>

最新記事はトップページで!

京都発・地方が盛り上がるグルメや観光に撮影ロケ地の話題を提供!