
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...
-
iframe内のリンクが飛ばないの...
-
バッチファイルでカウントアッ...
-
jQueryでクリックされた要素のi...
-
【HP作成】クリックすると下...
-
JavascriptでDIV~DIVをリロードで
-
javascriptテキストBOX色を元に...
-
Gif画像のアニメーションが再生...
-
javascriptでpostした値が取得...
-
IFRAMEの表示/非表示を切り替え...
-
jQueryで同じid属性が複数あっ...
-
classの中の<a>タグにidを追加
-
JSPでの画像ファイル表示
-
jspでcssが読み込めない
-
eclipseでcssを使うためには?
-
パララックスについて 上下に...
-
複数のラジオボタン項目でのテ...
-
jQueryで同じクラス名のものを...
-
同一ページ内で、任意の文字列...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
MAX関数を使ってからLEFT JOIN...
-
javascriptテキストBOX色を元に...
-
読み込んだQRコードをフォーム...
-
removeAttribute()メソッドで削...
-
IFRAMEの表示/非表示を切り替え...
-
VBAのことについて教えてくださ...
-
javascriptでpostした値が取得...
-
プルダウンメニュ 展開時にずら...
-
removeEventListenerについて
-
クリックすると隠れたテキスト...
-
プルダウンとチェックボックス...
-
指定字数以降隠す
-
自働生成される<div>タグに連番...
-
テキストボックスに入力された...
-
背景色を透明化
-
特定のものにだけスクリプトを...
-
ホームページ(デフォルトペー...
-
テキストエリア内の一部の文字...
-
隣のフレームの中のスタイルを...
-
java折りたたみタグを複数設置...
おすすめ情報