JS动态添加HTML标签的简单实现方法示例

本文描述了用JS动态添加HTML标签的方法。分享给大家参考，如下：

一个介绍

动态添加一个HTML标签可以通过使用createElement()方法来实现。

CreateElement()方法可以根据指定的类型创建一个HTML标记。

语法：

选择=文档.创建元素(名称)

SElement:用于接收此方法返回的对象。

SName:用于设置HTML标签的类型和基本属性。

第二次申请

动态添加文本框

本示例将通过单击“动态添加文本”按钮向页面动态添加文本框。

三个代码

html xmlns=' http://www . w3 . org/1999/XHTML ' hearteta http-equiv=' Content-Type ' Content=' text/html；charset=GB 2312/title www.jb51.net动态添加HTML标签/title脚本语言=' JavaScript '！-函数addText(){ var txt=document . createelement(' input ')；txt.type=' texttxt.name=' txtTxt.value='动态添加的文本框'；document . FM 1 . appendchild(txt)；}-/script/head dyform name=' fm1 ' input type=' button ' name=' BTN 1 ' value='动态添加文本框' onclick=' addText()；//表单/正文/html四个运行结果

更多对JavaScript相关内容感兴趣的读者可以查看本网站专题：《JavaScript页面元素操作技巧总结》、《JavaScript操作DOM技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》、《JavaScript错误与调试技巧总结》、0103010

希望本文对JavaScript编程有所帮助。