菜单

jQuery使用append在html成分后还要添增添项内容的方法

2019年7月20日 - jQuery

上边的代码能够而且在文本段落后添扩张项内容

您可能感兴趣的稿子:

本文实例陈述了jQuery使用append在html成分后还要丰硕多项内容的办法。分享给大家供大家参谋。具体解析如下:

期待本文所述对我们的jQuery程序设计有着辅助。

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
function appendText()
{
var txt1="<p>Text.</p>"; // Create text with HTML
var txt2=$("<p></p>").text("Text."); // Create text with jQuery
var txt3=document.createElement("p");
txt3.innerHTML="Text."; // Create text with DOM
$("body").append(txt1,txt2,txt3); // Append new elements
}
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button onclick="appendText()">Append text</button>
</body>
</html>

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图