代码如下
<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("p").append("<table>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
</table>>");
});});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button id="btn1">Append text</button>
</body>
</html>
append表格的字符串别换行或者用连字符链接起来就好了
append
里面的东西用一个 $()
包起来,另外,多行 javascript 文本最好用一对 `
号来表示(ES6语法)
<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#btn1").click(function(){
$("p").append($(`
<table>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
<tr>
<td>400</td>
<td>500</td>
<td>600</td>
</tr>
</table>`));
});
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button id="btn1">Append text</button>
</body>
</html>