設定可能な全スタイルの一覧を表示
in演算子を使って、設定可能な全スタイルの一覧を表示してみます
(IEとFireFoxとでは総数も内容も大きく異なる）
Sample
上のSampleのする
Sample Source......................................................................>>>
<script type="text/javascript"><!--
function GetAll(){
var t1 = document.getElementById("test1");
var all_sty = t1.style;
var sty = "";
if(t1.currentStyle){
sty = t1.currentStyle;
}else{
sty = getComputedStyle(t1,"");
}
var out = "";
for(x in all_sty){
out += "<span>"
+ x + ":" + all_sty[x] + "／" + sty[x] + "</span><br>";
}
document.getElementById("view").innerHTML = "<p>"
+ out + "</p>";
}
// --></script>
</head>
<body>
<h5 id="test1">Sample</h5>
<p class="kaisetu">上のSampleの
<button onclick="GetAll()">全てのスタイルを取得</button>する</p>
<div id="view" style="width:500px;border:1px solid green"></div>