document.all.tags("input")(1).
を使って
<form>
<input>
<input type="submit">
<input>
<略>
</form>
の二番目のタグ<input type="submit">を書き換えるとします。
これを<input type="text" maxlength="200">に書き換えたり
<input type="submit">を<textarea ごにょごにょ></textarea>
に書き換えたりする方法はありませんでしょうか。
よろしくお願いします。
No.2ベストアンサー
- 回答日時:
通常、エレメントオブジェクトを取得する場合、document.all.tags
ではなく、document.getElementsByTagNameを使用した方がいいような
気がします。
あと、配列はパーレンではなくブラケットですよ。
var inp = document.getElementsByTagName('input')[1];
下の方でIDを付与できないといっている理由は分かりませんが
順番が固定ならば以下のようにしてはどうでしょうか。
// 新しいエレメントを作成
var n_inp = document.createElement('input');
n_inp.type = 'text';
n_inp.maxLength = '200';
// 現在のエレメント取得
var inp = document.getElementsByTagName('input')[1];
// 新しいエレメントで古いエレメントを置き換える
document.getElementsByTagName('form')[0].replaceChild(n_inp, inp);
ただし、ブラウザなどの互換性を保証はしません。
回答ありがとうございます!
これを利用してがんばってみます
メモ:
var 新 = createElement('');
新.属性 = '値';
変更対象のエレメント取得
var 古 = 手段問わず;
親取得.replaceChild(A,B);//子要素のBをAにここではAに新Bに古
No.1
- 回答日時:
IDを利用するのはどうでしょうか。
----JavaScript--------
function change(){
var id = "target";
document.all.item(id).innerHTML="<input type=\"text\" maxlength=\"200\">";
}
----body--------
<form>
<input>
<div id="target">
<input type="submit" value="submit"><br>
</div>
<input>
</form>
change()を呼び出すと、<div id="target">~</div>内が書き換わります。
回答ありがとうございます。
ですが、事情がありまして、その方法は存じてますが使えません、
タグ自身を変更する方法はありませんでしょうか?
html側の記述は<form>~</form>の前なら付け足せますが
<form>以降は改変できません。
おそらくreplaceを使用するのだと思うのですが、この場合どうすればいいのかがわからなくて・・・
補足:formや各inputには別々のnameが振ってあります
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- PHP PHPのエラーの解消法について教えて下さい。 1 2023/02/06 10:48
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- PHP PHPでユーザー情報を入力して簡易ログイン機能をつくってみたのですが 1 2023/05/29 08:51
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
1つのform内に2つのsubmitボタ...
-
FormのonsubmitでJavaスクリプ...
-
テキストエリアに入力したURLに...
-
formのsubmitイベントの発生に...
-
複数のフォームを一括で自動送...
-
POST時に要素を削除してからPOST
-
別ウィンドウへのsubmitの挙動...
-
iframe内のformをサブミットす...
-
添付ファイルの未選択チェック方法
-
focus()が上手くいかない
-
1つのページにformを2つ設置。2...
-
ENTERキーを無効にしたいのです...
-
別窓ウィンドウから親ウィンド...
-
javascript による POST 送信時...
-
submitした値を返したい
-
javascriptでASPにデータを渡す
-
return trueとreturn falseの用...
-
Selectボックスの幅を自動で広...
-
【jsp/Java】チェックボックス...
-
<JavaScript>tableタグを入力不...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptでASPにデータを渡す
-
1つのform内に2つのsubmitボタ...
-
iframe内のformをサブミットす...
-
複数のフォームを一括で自動送...
-
submitした値を返したい
-
FormのonsubmitでJavaスクリプ...
-
1つのページにformを2つ設置。2...
-
フォームが空欄の時にフォーム...
-
指定したタグを書き換えるには?
-
別ウィンドウへのsubmitの挙動...
-
テキストボックスに任意のURLを...
-
focus()が上手くいかない
-
submitボタン押下後、disabled...
-
javascript による POST 送信時...
-
同意チェックボックスはひとつ...
-
onclickでリストボックスを複数...
-
this.formがundefined
-
POST時に要素を削除してからPOST
-
添付ファイルの未選択チェック方法
-
1つのformで複数のactionをボタ...
おすすめ情報