一 介绍
创建元素节点包括两个步骤,一是创建新元素,二是将新元素插入到文档中(即父元素中)。
二 应用
要在文档的body元素中创建一个新的段落节点可以使用下面的代码:
三 代码
<script language="javascript" src="JS/jquery-3.1.1.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ //方法一 var $p=$("<p></p>"); $p.html("<span style='color:#FF0000'>方法一添加的内容</span>"); $("body").append($p); //方法二 var $txtP=$("<p><span style='color:#FF0000'>方法二添加的内容</span></p>"); $("body").append($txtP); //方法三 $("body").append("<p><span style='color:#FF0000'>方法三添加的内容</span></p>"); //弹出新添加的段落节点p的文本内容 alert($("p").text()); }); </script>
四 运行结果
五 运行说明
在创建节点时,浏览器会将所添加的内容视为HTML内容进行解释执行,无论是否是使用html()方法指定的HTML内容。上面所使用的3种方法都将在文档中添加一个颜色为红色的段落文本。