从javascript向div添加内容_Javascript_Jquery_Html

从javascript向div添加内容

javascript jquery html

从javascript向div添加内容,javascript,jquery,html,Javascript,Jquery,Html,我想在我的html页面上加载一个包含div内容的脚本。我知道这是可能的，但我正在努力理解如何做到这一点。这是我的html： <html> <body> <script src="script.js"> </script> <div id="helloWorld"> </div> </body> </html> 要让html页面显示内容，script.js必须是什么？我是这样想的，我知道这是不正确的，

我想在我的html页面上加载一个包含div内容的脚本。我知道这是可能的，但我正在努力理解如何做到这一点。这是我的html：

<html>
<body>
<script src="script.js"> </script>
<div id="helloWorld"> </div>
</body>
</html>

要让html页面显示内容，script.js必须是什么？我是这样想的，我知道这是不正确的，我是javascript的初学者

function showText()
{
    $("#helloWorld").html("<p> Hello World! </p>")
    $("#helloWorld").show();

}
showText()

有人能告诉我我是否走上了正确的道路，以及我如何解决这个问题吗？谢谢 Sam

您的代码是jQuery：

$("#helloWorld").html("<p> Hello World! </p>")
$("#helloWorld").show();

但是记住在DOM中加载div之后调用showText！例如，在标记之前调用它

那么

和script.js：

function showText(){
    document.getElementById("helloWorld").innerHTML="<p> Hello World! </p>";
}

您的代码是jQuery：

$("#helloWorld").html("<p> Hello World! </p>")
$("#helloWorld").show();

但是记住在DOM中加载div之后调用showText！例如，在标记之前调用它

那么

和script.js：

function showText(){
    document.getElementById("helloWorld").innerHTML="<p> Hello World! </p>";
}

我认为它没有任何作用，因为脚本标签在div之前。如果您使用的是JQuery，则应将初始代码放入ready函数中，在您的情况下：

$(document).ready(function(){
  showText();
});

我认为它没有任何作用，因为脚本标签在div之前。如果您使用的是JQuery，则应将初始代码放入ready函数中，在您的情况下：

$(document).ready(function(){
  showText();
});

加载脚本时，HTML元素helloWorld仍然不存在

这样使用：

function showText() {
    $("#helloWorld").html("<p> Hello World! </p>")
    $("#helloWorld").show();
}
$(document).ready(function() {
    showText();
});

加载脚本时，HTML元素helloWorld仍然不存在

这样使用：

function showText() {
    $("#helloWorld").html("<p> Hello World! </p>")
    $("#helloWorld").show();
}
$(document).ready(function() {
    showText();
});

您尝试使用的语法需要JQuery。您可以在这里下载最新的JQuery库

然后可以使用以下命令向div添加文本：

$(document).ready(function(){
  var showText = function(){
    $("#helloWorld").html("<p> Hello World! </p>")  
    $("#helloWorld").show();
  };    
  showText();
});

已编辑：我已在文档开头添加了$字符，而且，您的div上不需要有.show函数，因为它已经可见。但是，如果确实将该div的display设置为none，则应使用.show来显示该div。

尝试使用的语法需要JQuery。您可以在这里下载最新的JQuery库

然后可以使用以下命令向div添加文本：

$(document).ready(function(){
  var showText = function(){
    $("#helloWorld").html("<p> Hello World! </p>")  
    $("#helloWorld").show();
  };    
  showText();
});

已编辑：我已在文档开头添加了$字符，而且，您的div上不需要有.show函数，因为它已经可见。但是，如果确实将该div的显示设置为“无”，则应使用.show来显示该div。

看起来不错，但不需要行尾.show。你参考过jQuery吗？我读了很多，我不知道为什么我不能让它工作：SSeems很好，尽管你不需要行尾。show。你参考过jQuery吗？我读了很多，我不知道为什么我不能让它工作：Sthanks，试试这个！感谢所有其他的答案，谢谢，我会试试这个！感谢所有其他的答案，你忘了一个$before文档。我想添加它，但我不能，因为我需要更改6个字符。抱歉，h2oooo是正确的。确保在文档前面添加$，以实例化jqueryYou忘记在文档前面添加$的用法。我想添加它，但我不能，因为我需要更改6个字符。抱歉，h2oooo是正确的。确保在文档前面添加$以实例化jquery的使用