
javascriptで、dblclickでcreateElementを使いdiv要素を作成してappendChildでbodyの部分にdiv要素を挿入することを考えています。
(この部分は自分で解決できました。)
この際、dblclickのたびにdiv要素を挿入するのではなく、すでにdblclickでdiv要素が挿入されている場合にはdiv要素を改めて挿入しないようにしたいのですが、どのようにすれば改めてdiv要素を挿入しないようにできるのでしょうか。
javascript初心者です。宜しくお願い致します。
No.2ベストアンサー
- 回答日時:
現状のソースの全貌が見えないのでなんともいえませんが、次のサンプルのような感じで。
<html>
<head>
<title></title>
<script type="text/javascript">
function sample(){
if(document.getElementById('XYZ')) return;//id='XYZ'のエレメントは既に在る
var Div = document.createElement('div');
Div.setAttribute('id','XYZ');
Div.innerHTML='追加しました';
document.body.appendChild(Div);
}
</script>
</head>
<body>
<p><input type="button" value="DIV生成" onclick="sample()"></p>
</body>
</html>
度々ありがとうございます。
参考にさせて頂いて、if文を追加する位置を変更したら、うまくいくようになりました。
どうもありがとうございました。
No.1
- 回答日時:
作成するdivにはidを付ける。
作成するときにdocument.getElementByIdで、既に存在していないか確認する。
(既に存在していれば作成しない)
早速の回答ありがとうございます。
参考にさせていただいて、if文を使ってdiv要素にsetAttributeでidを付与して試してみたのですが、はじめてdblclickした時点ではまだidをつけたdiv要素が作成されていないためか(?)、「document.getElementById("id名") has no properties」とのエラーがでてしまいます。なにか失念していることがあるのでしょうか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
createElementが一瞬で消えてし...
-
表示・非表示のスクリプトで、...
-
jqueryを使って無駄なspanタグ...
-
動的にHTMLコンテンツを吹き出...
-
document.getElementById( ).st...
-
getElementByIdの戻り値がnull...
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
文字をクリックしたら別の文字...
-
ネストされたチェックボックス...
-
ダイアログから画像ファイルは...
-
error LNK2019 未解決のシンボ...
-
MFCで画像を表示させているので...
-
スライダーの枠に動画を収める...
-
CSSで背景を下までのばすには?
-
スクロール可能なチェックボックス
-
【jQuery】2分割レイアウトで、...
-
ボタンを押すたびに交互に切り...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
removeAttribute()メソッドで削...
-
IFRAMEの表示/非表示を切り替え...
-
VBAのことについて教えてくださ...
-
javascriptでpostした値が取得...
-
プルダウンメニュ 展開時にずら...
-
removeEventListenerについて
-
クリックすると隠れたテキスト...
-
プルダウンとチェックボックス...
-
指定字数以降隠す
-
自働生成される<div>タグに連番...
-
テキストボックスに入力された...
-
背景色を透明化
-
特定のものにだけスクリプトを...
-
ホームページ(デフォルトペー...
-
テキストエリア内の一部の文字...
-
隣のフレームの中のスタイルを...
-
java折りたたみタグを複数設置...
おすすめ情報