本文实例讲述了jquery使用append在html元素后同时添加多项内容的方法。分享给大家供大家参考。具体分析如下:
下面的代码可以同时在文本段落后添加多项内容
<!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>
如对本文有疑问, 点击进行留言回复!!
荐 超强的入门文章 !!! JavaScript 速成计划第二篇(杂项详解:JS操作HTML 与 CSS、异常、事件)!
教你搭建 nodejs+mongoose+Graphql+Vue+Typescript 框架(上)
【Nginx】如何为已安装的Nginx动态添加模块?看完我懂了!!
网友评论