gpt4 book ai didi

javascript - 将 Div 替换为内容

转载 作者:行者123 更新时间:2023-11-28 12:37:21 25 4
gpt4 key购买 nike

我是 javascript/jquery 的新手,我忽略了一些基本的东西。我想通过调用函数用一些文本替换 div 的内容。我尝试过的每件事绝对都失败了。

http://jsfiddle.net/spuder/dTGBy/

html

<body>
<div id=test>

</div>
</body>

脚本

$(document).ready( function()  {

getTest();

}



function getTest() {
$("#test").html("Hello World");
//$('#test').replaceWith('<h2>New heading</h2>');
//$("#test").attr("text","http://www.w3schools.com/jquery");
//$("#test").attr("href","http://www.w3schools.com/jquery");
//$("#test").html("New text");
//$(".test").html("New text");
//$("test")html.("New text");
//$("test").update("New text");
//document.getElementById("testSpan").innerHTML = "42";
// $("#test").html("<b>Hello world!</b>");
}

//This is supposed to be super easy ^

//http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_dom_html_set
//http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_dom_attr_set
//http://www.willmaster.com/library/web-development/replace-div-content.php
//http://api.jquery.com/replaceWith/

最佳答案

好吧,你犯的错误:

  • JsFiddle 中未包含 jQuery
  • 错误地结束了您的document.ready
  • 忘记了 div id 周围的引号

JS:

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



function getTest() {
$('#test').replaceWith('<h2>New heading</h2>');
//$("#test").attr("text","http://www.w3schools.com/jquery");
//$("#test").attr("href","http://www.w3schools.com/jquery");
//$("#test").html("New text");
//$(".test").html("New text");
//$("test")html.("New text");
//$("test").update("New text");
//document.getElementById("testSpan").innerHTML = "42";
// $("#test").html("<b>Hello world!</b>");
}

HTML:

<div id="test">

</div>

fiddle http://jsfiddle.net/ajp36/1/

关于javascript - 将 Div 替换为内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15732537/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com