document.getElementById("MyFile")和insertAdjacentHTML("beforeEnd", str)的含义和用法

最新推荐文章于 2023-03-08 08:32:28 发布

原创最新推荐文章于 2023-03-08 08:32:28 发布 · 5.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #file #input #function #html #div

本文介绍如何使用JavaScript中的insertAdjacentHTML方法动态地向指定DOM元素中添加文件输入框，通过具体示例代码展示了如何实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

document.getElementById("MyFile")为：获得名称为MyFile的层。
insertAdjacentHTML("beforeEnd", str)为：
MyFile层在其后追加插入内容为 INPUT type="file" size="50" NAME="File"> 的html格式信息。

向下面的例子，可以拷贝到网页中试试：
<script language="JavaScript">
   function addFile()
   {
       var str = '<INPUT type="file" size="50" NAME="File">'
       document.getElementById("MyFile").insertAdjacentHTML("beforeEnd", str)
   }
  </script>
<div id="MyFile">
1234567
</div>dfdfdfdf
<a href="javascript:addFile()">df</a>