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

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>
`document.getElementById` 和 `document.querySelector` 都是 JavaScript 中用于获取页面元素的方法,但它们有一些区别。 `document.getElementById` 是用于通过元素的唯一 ID 属性获取元素的方法。它接受一个参数,即要获取元素的 ID 值,并返回具有该 ID 的第一个匹配元素。示例: ```javascript var element = document.getElementById("myElement"); ``` 这个方法适用于只需要获取页面中具有特定 ID 的元素。 `document.querySelector` 是用于通过 CSS 选择器获取元素的方法。它接受一个参数,即要获取元素的 CSS 选择器,并返回第一个匹配该选择器的元素。示例: ```javascript var element = document.querySelector(".myClass"); ``` 这个方法更灵活,可以使用各种 CSS 选择器来获取元素,例如类名、标签名、属性等。如果有多个匹配的元素,它只返回第一个匹配的元素。 除了上述区别之外,还有一些其他的差异: - `document.getElementById` 是 DOM 元素对象的方法,只能在文档对象上调用。 - `document.querySelector` 是文档对象的方法,可以在整个文档中调用。 - `document.getElementById` 的返回值是一个 DOM 元素对象。 - `document.querySelector` 的返回值是一个匹配的元素对象,如果没有匹配的元素,则返回 null。 综上所述,`document.getElementById` 适用于通过元素的 ID 获取元素,而 `document.querySelector` 则更灵活,可以使用各种 CSS 选择器进行元素的选择。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值