人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

HTMLのFORMタグ内に存在するidが付いたdivタグのheightをjavascriptで変更したいのですが、IEでは動作しませんでした。 IEではformタグ内のある特定のdivのheightなどを操作不可能なのでしょうか? それとも可能であれば方法を教えて頂けますでしょうか。 Firefoxでは動作しております。
( IEはversion 6.0で確認、Firefoxは version 2.0で確認しました)

○ サンプルですがHTMLは以下のようになっております。
<form action="AAA.cgi">
<input type="text" name="firstname" />
<div id="xyz"><input type="text" name="lastname" /></div>
</form>

○ これもサンプルですが、javascriptは以下のようになっております。
// id に 'xyz' を持つタグの高さを 200 に設定
if (document.all) {
document.all("xyz").setAttribute("height",200);
}else{
document.getElementById("xyz").setAttribute("height",200);
}

ちなみに、div タグを form の外に出すと動作しますが、今回は form の中に存在するのが必須条件となります。

以上、宜しくお願い致します。


●質問者: pooh2005
●カテゴリ:インターネット ウェブ制作
✍キーワード:2.0 ALL firefox HTML IE
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● kn1967
●50ポイント

IE の setAttribute は目的どおりの動作はしてくれないので、style.cssText で対処してみてください。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-Type" content="text/javascript">
<title>タイトル</title>
</head>
<body>
 <form action="AAA.cgi">
 <input type="text" name="firstname" />
 <div id="xyz" style="border-style:double; height:100px">
 <input type="text" name="lastname" />
 </div>
 </form>
 <script>
 if (document.all) {
 document.all("xyz").style.cssText = "border-style:solid; height:200px";
 }else{
 document.getElementById("xyz").setAttribute("style","border-style:solid; height:200px");
 }
 </script>
</body>
</html>
◎質問者からの返答

質問内容に重大な抜けがありまして・・・。

は動的に生成されるんです。

なので、質問は FORM内の動的に生成されるタグ(id付き)のheightを変更したいのです。 こちらの方、解りますでしょうか?


2 ● andalusia
●30ポイント

if (document.all) {

document.all("xyz").style.height = 200;

}else{

document.getElementById("xyz").style.height = 200;

}

でどうですか?

◎質問者からの返答

質問内容に重大な抜けがありまして・・・。

は動的に生成されるんです。

なので、質問は FORM内の動的に生成されるタグ(id付き)のheightを変更したいのです。 こちらの方、解りますでしょうか?


3 ● まきのっぴ
●50ポイント

JavaScript の部分を下記の1行に替えれば良いのではないでしょうか?

document.getElementById("xyz").style.height = "200px";

(setAttribute を使うなら ?("style", "height:200px;"); かなと思います)

◎質問者からの返答

質問内容に重大な抜けがありまして・・・。

は動的に生成されるんです。

なので、質問は FORM内の動的に生成されるタグ(id付き)のheightを変更したいのです。 こちらの方、解りますでしょうか?

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ