js的document.getElementByTagName的玩意

十假杰出青年

2024-04-23 帮助1人

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .fu{
            width: 400px;
            margin-bottom: 30px;
            border: 1px solid red;
        }
        .son{
            width: 0px;
            height: 40px;
            background-color: blue;
            text-align: center;
            line-height: 40px;
        }
    </style>
</head>
<body>
    <div class="fu">
      <div class="son">
          <span>0</span><span>%</span>
      </div>
    </div>
    <div>
        <button class="btn" id="btns">安装</button>
    </div>
<script>
    let btn =document.getElementsByTagName('button');
    let div =document.getElementsByTagName('div');
    let span =document.getElementsByTagName('span');
    console.log(btn);
    btn.onclick=function () {
        let num=0;
        setInterval(()=>{num =10;div[1].style.width=num 'px'},1000)
    }
</script>
</body>
</html>

学新通
就是我怎么点安装按钮，son元素的蓝条的宽度就是没有改变，当时我百思不得其解。
我首先怀疑没有获取btn元素，但通过控制台输出btn,可以看出是获得的。
也就是这匆匆一瞥，让我错过了正确答案。

通过图片可以看出，getElementsByTagName返回是数组集合形式。
所以我们只需加上btn[0].οnclick=functin(){}即可

当时我还试着给button加上id,通过getElementsById来调用，测试可行。我还以为系统出了bug，心想以后要少用getElementsByTagName
之后我便抱着试一试的态度在网上搜了这个问题，发现还有同道中人，终于恍然大悟。
希望大家以我为鉴，只怪当初基础没好好学。正所谓，基础不牢，地动山摇。

这篇好文章是转载于：学新通技术网

js的document.getElementByTagName的玩意

photoshop保存的图片太大微信发不了怎么办

Android 11 保存文件到外部存储，并分享文件

《学习通》视频自动暂停处理方法

word里面弄一个表格后上面的标题会跑到下面怎么办

photoshop扩展功能面板显示灰色怎么办

微信公众号没有声音提示怎么办

excel下划线不显示怎么办

excel打印预览压线压字怎么办

怎样阻止微信小程序自动打开

TikTok加速器哪个好免费的TK加速器推荐