一 介绍
动态添加一个html标记可以使用createelement()方法来实现。
createelement()方法可以根据一个指定的类型来创建一个html标记。
语法：
selement=document.createelement(sname)
selement：用来接收该方法返回的一个对象。
sname：用来设置html标记的类型和基本属性。
二 应用
动态添加一个文本框
本示例通过单击“动态添加文本”按钮，将在页面中动态添加一个文本框。
三 代码
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=gb2312" /><title> 动态添加html标记</title><script language="javascript"> <!-- function addtext() { var txt=document.createelement("input"); txt.type="text"; txt.name="txt"; txt.value="动态添加的文本框"; document.fm1.appendchild(txt); } --></script></head><body><form name="fm1"><input type="button" name="btn1" value="动态添加文本框" onclick="addtext();" /></form></body></html>
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
实战项目中如何实现vue组件复用
sql正则与mybatis正则使用详解
以上就是js使用createelement()动态添加html的详细内容。