用Jquery向文档中追加文本(通过 append()方法添加若干新元素)

最新推荐文章于 2023-05-25 17:44:52 发布

科比不来it

最新推荐文章于 2023-05-25 17:44:52 发布

阅读量4k

点赞数 1

分类专栏： Javascript

Javascript 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
function appendText()
{
var txt1="<p>Text.</p>";              // 以 HTML 创建新元素
var txt2=$("<p></p>").text("Text.");  // 以 jQuery 创建新元素
var txt3=document.createElement("p");
txt3.innerHTML="Text";               // 通过 DOM 来创建文本
$("body").append(txt1,txt2,txt3);        // 追加新元素
}
</script>
</head>
<body>


<p>This is a paragraph.</p>
<button οnclick="appendText()">追加文本</button>


</body>
</html>