& lt; style>
,,,test {
,,,,颜色:红色;
,,,,边界:1 px solid 红色;
,,,,显示:inline-block;
,,,,字体大小:20 px;
,,,,宽度:200 px;
,,,,高度:50 px;
,,,}
& lt;/style>
& lt;/head>
& lt; body>
,& lt; p id=皃1”在列表末尾方法是在父级节点中的子节点的末尾添加新的节点& lt;/p>
,& lt; p id=皃2”在jquery中添加方法在被选元素的结尾(仍然在内部)插入指定内容& lt;/p>
& lt;/body>
& lt; script src=" https://www.yisu.com/zixun/script/jquery-1.11.3.js "祝辞& lt;/script>
& lt; script>//用jquery来实现
$(函数(){
$ (" # p2) .bind(“点击”,函数(){
美元,(这).append (“& lt; strong> - - - - - -我是用jquery实现的& lt;/strong>”);
})
})//用原生js来实现/* window=function () {
var pobj=. getelementbyid (p1);
,,,pobj.onclick=function () {
var strongobj=document.createElement(“强”);,,
var textobj=document.createTextNode(“- - - - -我是使用原生Js实现的”);,,
,,,pobj.appendChild (strongobj.appendChild (textobj));
}
} */& lt;/script> 效果图:点击第二个p文本段,在后面追加一个& lt; strong> .... & lt;/strong>
, 
当把代码中的js原生代码实现的效果图:点击第一个p文本段,在后面追加一个& lt; strong> & lt;/strong>再添加一个文本段,然后追加到p文本段后面
四。缺点:
,,,在使用js代码实现时,样式方面实现有些小问题,在以后的学习中,继续补充,完善。
