为什么我用getElementsByTagName得不到button的值?

<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Document</title>
      
</head>
<body>
      <button >按钮</button>
      <script>
            let btn=document.getElementById('button')[0];
            btn.onclick=function(){
                alert('666');
            }
      </script>
</body>
</html>

getElementsByTagName返回是数组集合形式。

var Btn = document.getElementsByTagName("button")

改成以下即可(后面一定要加0)!!!

var Btn = document.getElementsByTagName("button")[0]

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: `document.getElementsByTagName` 是一个 JavaScript 方法,它可以返回一个包含指定标签名的所有元素的集合(类数组)。这个方法接收一个参数,即要获的元素的标签名,例如 "div"、"p"、"a" 等。它会在文档中搜索所有符合指定标签名的元素,并将它们全部存储在一个类数组对象中返回。可以使用该方法来操作或修改文档中指定标签名的元素。 ### 回答2: document.getElementsByTagNameJavaScript 中的一个方法,它的作用是通过标签名称获文档中所有具有相同标签名称的元素。 当我们在 HTML 文档中使用标记语言编写页面时,我们会使用不同的标签来定义不同类型的元素,例如 `<div>`、`<p>`、`<span>` 等等。document.getElementsByTagName 方法可以通过指定标签名称,返回一个包含所有与该标签匹配的元素的 HTMLCollection 对象。 HTMLCollection 是一个类似数组的对象,它包含了与给定标签名称匹配的所有元素。这意味着我们可以通过访问 HTMLCollection 对象的索引来获特定位置的元素,或者通过迭代 HTMLCollection 来遍历其中的所有元素。我们可以使用这些元素做一些操作,例如修改元素的内容、样式或属性。 通过 document.getElementsByTagName 方法可以非常方便地选择和操作文档中的多个元素,无需一个一个手动获和处理,减少了工作的复杂性和时间成本。这个方法在处理一些重复结构和具有相同标签的元素时非常有用,例如处理多个 `<div>` 元素,或者获 `<p>` 元素的数量等。 ### 回答3: document.getElementsByTagNameJavaScript中的方法,用于通过标签名获文档中所有对应标签的元素。 document代表当前HTML文档对象,是访问和操作HTML页面的入口。 getElementsByTagName是getElementsByTagName方法的一部分,其中的“ByTagName”表示通过标签名来筛选元素。 通过使用document.getElementsByTagName方法,我们可以按照标签名获文档中所有对应的元素,并将它们以HTMLCollection(HTML元素的集合)的形式返回。 例如,如果我们使用document.getElementsByTagName("div"),则会返回文档中所有的<div>元素。同样,如果我们使用document.getElementsByTagName("p"),则会返回文档中所有的<p>元素。 返回的HTMLCollection是一个类似数组的对象,可以通过索引来访问其中的元素。可以通过遍历这个集合,对集合中的元素进行操作,例如修改元素的内容、样式等。 需要注意的是,返回的HTMLCollection是一个动态的集合,这意味着当文档中的相关元素改变时,返回的集合也会自动更新。 总结来说,document.getElementsByTagName方法允许我们根据标签名选择页面中的元素,并以HTMLCollection的形式返回,方便我们对这些元素进行操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值