通过append在html元素后同时添加多项内容代码,JS代码库,德仔网

代码语言

代码分类

【JS】通过append在html元素后同时添加多项内容

作者:dezai / 发布于2014/4/4/ 282

通过append在html元素后同时添加多项内容

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>
<script>
function appendText()
{
var txt1="Text.";       // Create text with HTML
var txt2=$("").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>

This is a paragraph.
<button onclick="appendText()">Append text</button>

</body>
</html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　添加多项内容　

同语言下

可能有用的

dezai贡献的其它代码(1065)