1. 程式人生 > >用Jquery向文件中追加文字(通過 append()方法新增若干新元素)

用Jquery向文件中追加文字(通過 append()方法新增若干新元素)

<!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 onclick="appendText()">追加文字</button>


</body>
</html>