动态添加一个HTML标记

r囧r小猫 2022-05-12 00:10 357阅读 0赞

一 介绍

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

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

语法：

sElement=document.createElement(sName)

sElement：用来接收该方法返回的一个对象。

sName：用来设置HTML标记的类型和基本属性。

二 应用

动态添加一个文本框

本示例通过单击“动态添加文本”按钮，将在页面中动态添加一个文本框。

三 代码

  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  4. <title>无标题文档</title>
  5. <script language="javascript">
  6.  <!--
  7.  function addText()
  8.  {
  9.      var txt=document.createElement("input");
  10.      txt.type="text";
  11.      txt.name="txt";
  12.      txt.value="动态添加的文本框";
  13.      document.fm1.appendChild(txt);
  14.  }
  15.  -->
  16. </script>
  17. </head>
  18. <body>
  19. <form name="fm1">
  20. <input type="button" name="btn1" value="动态添加文本框" οnclick="addText();" />
  21. </form>
  22. </body>
  23. </html>

四 运行结果

9cf1d3aa-028d-3782-b07c-36a2bafa1201.png

发表评论

表情：
评论列表 （有 0 条评论，357人围观）

还没有评论，来说两句吧...

相关阅读