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

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

Erwin_wind

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

阅读量5.3k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript file input function html div

本文链接：https://blog.youkuaiyun.com/Erwin_wind/article/details/755414

本文介绍如何使用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>