タイトルの通りですが、javascriptにてcssの値を取得することはできますでしょうか？考えている機能は、URLを指定するtextboxがあり、そこに入力したURLのボックスを解釈し、分解してmarginやpadding、border、width、height、合計縦幅、合計横幅…といった情報を出してくれる。その際できればcssで指定のないものも表示したい。いらない要素は破棄。例： #wrap{width:250px; height:300px; margin:5px 10px; padding:10px 5px;} #hoge{width:250px; height:50px; border:5px solid;} #moge{width:100px; height:150px; margin:5px 10px; padding:10px 5px;} aaa bbb 適当ですけど、こんな感じだったら、 #wrap{background:#333; width:250px; height:300px;} #hoge{background:#666; width:250px; height:50px;} #moge{background:#999; width:100px; height:150px;} id名 #wrap #hoge #moge … width= height= margin-top= margin-right= … width= height= margin-top= margin-right= … width= height= margin-top= margin-right= … こんな感じにしてhtmlを吐き出す。そんなことは可能でしょうか？少し大変になっても可能なら頑張って作ろうと思っています。よろしければ教えていただけないでしょうか？よろしくお願いします。

javascript　cssの値を取得、変更

解決済

質問者：3104kita
質問日時：2010/01/04 11:32
回答数：1件

タイトルの通りですが、javascriptにてcssの値を取得することはできますでしょうか？
考えている機能は、URLを指定するtextboxがあり、そこに入力したURLのボックスを解釈し、分解してmarginやpadding、border、width、height、合計縦幅、合計横幅…といった情報を出してくれる。その際できればcssで指定のないものも表示したい。いらない要素は破棄。
例：
<html><style type="text/css">
#wrap{width:250px;
height:300px;
margin:5px 10px;
padding:10px 5px;}
#hoge{width:250px;
height:50px;
border:5px solid;}
#moge{width:100px;
height:150px;
margin:5px 10px;
padding:10px 5px;}
</style>
<body>
<div id="wrap">
<div id="hoge">
<ul>
<li>aaa</li><li>bbb</li>
</ul>
</div>
<div id="moge">
<img src="dammy1.gif" />
<img src="dammy2.gif" />
</div></div>
</body></html>

適当ですけど、こんな感じだったら、

<html><style type="text/css">
#wrap{background:#333;
width:250px;
height:300px;}
#hoge{background:#666;
width:250px;
height:50px;}
#moge{background:#999;
width:100px;
height:150px;}
</style>
<body>
id名<br />
#wrap<br />
#hoge<br />
#moge<br />
…
<div id="wrap">
width=<br />
height=<br />
margin-top=<br />
margin-right=<br />
…
</div>
<div id="hoge">
width=<br />
height=<br />
margin-top=<br />
margin-right=<br />
…
</div>
<div id="moge">
width=<br />
height=<br />
margin-top=<br />
margin-right=<br />
…
</div>
</body></html>

こんな感じにしてhtmlを吐き出す。

そんなことは可能でしょうか？少し大変になっても可能なら頑張って作ろうと思っています。よろしければ教えていただけないでしょうか？よろしくお願いします。