動作概要

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

実行結果

プログラムコード

<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>

---

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

---