javascript document.ready正在取代整个内容问题_Javascript_Jquery

javascript document.ready正在取代整个内容问题

javascript jquery

javascript document.ready正在取代整个内容问题,javascript,jquery,Javascript,Jquery,我正在尝试创建这个Hello Wordl在页面主体中，但我的代码问题是，等待10秒后，它将替换此Hello Wordl包含我页面的全部内容，因此它将仅显示此div 这是我的javascript代码 <script> setTimeout(function(){ $("body").prepend("<div id='myid'>hello world</div>"); },10000); },10000); &l

我正在尝试创建这个

Hello Wordl在页面主体中，但我的代码问题是，等待10秒后，它将替换此Hello Wordl包含我页面的全部内容，因此它将仅显示此div
这是我的javascript代码
 <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>


setTimeout（函数（）{
$（“body”）。前缀（“hello world”）；
},10000);
},10000);
我的页面是这样的
正文{margin:0；padding:0；}
setTimeout（函数（）{
$（“body”）。前缀（“hello world”）；
},10000);
保持这个Div
代码中没有任何内容被覆盖。您尝试创建元素（以错误的方式），但不使用它

保留此Div
setTimeout（函数（）{
var el=document.createElement（'div'）；
el.id=‘myid’；
el.innerHTML='Hello World！'；
document.getElementById（'id1'）.prepend（el）；
}, 2000);
如果要将元素添加到html正文中，只需创建它，然后像下面这样附加它：
var elemDiv = document.createElement('div');
document.body.appendChild(elemDiv);

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

然后，您可以通过Javascript添加属性和innerHTML，如下所示：
var elemDiv = document.createElement('div');
document.body.appendChild(elemDiv);

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

工作代码
<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>


正文{margin:0；padding:0；}
setTimeout（函数（）{
$（“body”）。前缀（“hello world”）；
},10000);
保持这个Div
javascript根本不会改变DOM，它只是创建了一个对象，然后您就什么也不做了。实际上，一个快速测试和代码只是抛出一个关于标记名无效的错误。发布实际复制问题的代码。id=“1”或id1与我的pag或脚本无关，我只是将其保存在正文中，以备测试javascript是否创建了一个div，并查看id=“1”或id1是否会保持不变或消失