如何使用append()方法动态追加多个元素

建立一个HTML文件，定名为test.html,用于介绍若何利用append()方式动态追加多个元素。

在test.html页面，利用button标签建立一个“追加文本”的按钮，用于点击实现追加文本。

给button按钮绑心猿意马onclick事务，当按钮被点击时，执行appendText()函数来实现追加文本元素。

下面将利用三种方式建立要追加的html文本元素。第一种方式，以HTML建立元素，直接把HTML保留在变量中。

第二种方式，利用jquery建立HTML元素，操纵text()方式标的目的p标签对象添加文本内容。

第三种方式，利用DOM对象的方式来建立p元素。以上三种方式建立的元素都可以利用append()方式标的目的页面追加HTML元素，将上面建立的三个元素以逗号分隔的体例插手append()方式中，并标的目的当前页面的body追加元素。

在浏览器打开test.html页面，点击“追加文本”按钮，实现标的目的HTML页面一次添加三个元素。结果如下：

0 条评论