javascript document.readyはコンテンツ全体の問題を置き換えています

-1

私はこのページの本文にこの<div id="myid" >Hello Wordl!</div>を作成しようとしていますが、私のコードの問題は10秒待ってから<div id="myid" >Hello Wordl!</div>をマイページの内容全体に置き換えます。このdivを表示するだけです。javascript document.readyはコンテンツ全体の問題を置き換えています

はここ

<script> 
    setTimeout(function(){   
    $("body").prepend("<div id='myid'>hello world</div>"); 
},10000); 
    },10000); 
    </script> 

and my page is like this 

    <html> 
    <head> 
    <style type="text/css"> 
     body {margin:0;padding:0;} 
    </style> 
     <title></title> 
    </head> 
    <body> 

    <script> 
    setTimeout(function(){   
    $("body").prepend("<div id='myid'>hello world</div>"); 
    },10000); 
    </script> 

    <!-- New div created by javascript must be here --> 

    <div id="1">Keep This Div</div> 

    </body> 
    </html>

出典

2017-11-03 wes112

は、それはあなた番目のオブジェクトを作成します何もしないでください。実際には、クイックテストとそのコードは、単に有効ではないタグ名についてのスローとエラーです。実際に問題を再現するポストコード。 – musefan

ワーキングコード

<html> 
<head> 
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.min.js"></script> 
<style type="text/css"> 
    body {margin:0;padding:0;} 
</style> 
    <title></title> 
</head> 
<body> 

<script> 
setTimeout(function(){  

$("body").prepend("<div id='myid'>hello world</div>"); 
},10000); 
</script> 

<!-- New div created by javascript must be here --> 

<div id="1">Keep This Div</div> 

</body> 
</html>

出典

2017-11-03 10:51:52

何があなたのコードで上書きされていない私のjavascriptのコードです。あなたは（間違った方法で）要素を作成して、何もしません。

<div id="id1">Keep This Div</div> 
 

 
<script> 
 
    setTimeout(function() { 
 
    var el = document.createElement('div'); 
 
    el.id = 'myid'; 
 
    el.innerHTML = 'Hello World!'; 
 

 
    document.getElementById('id1').prepend(el); 
 
    }, 2000); 
 
</script>

id="1"が無効な値であることに注意してください、私は私の例ではid1にそれを変更しました。あなたのhtml体に要素を追加したい場合は

出典

2017-11-03 10:44:31 panther

id = "1"またはid1は私のページやスクリプトとは関係がありません。javascriptでdivを作成し、id = "1"かid1がスチールになっているかどうかを調べるために、どこかに行って – wes112

あなたはそれを作成し、このようにそれを追加することができます

var elemDiv = document.createElement('div'); 
document.body.appendChild(elemDiv);

あなたは、このようにJavascriptを経由しても、innerHTMLプロパティを属性を追加し、することができます

JavaScriptをまったくDOMを変更する習慣

elemDiv.id = 'myid'; 
elemDiv.innerHTML = 'Hello World!'

出典

2017-11-03 10:45:23 JDK92

javascript document.readyはコンテンツ全体の問題を置き換えています

答えて

関連する問題