索引值的应用

最新推荐文章于 2022-06-07 09:56:19 发布

辛苦的码农20200609

最新推荐文章于 2022-06-07 09:56:19 发布

阅读量68

点赞数

分类专栏：前端

原文链接：https://www.mk2048.com/blog/blog_hjkaj12aik2j.html

版权

前端专栏收录该内容

785 篇文章 4 订阅

订阅专栏

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            window.onload = function(){
                var aBtn = document.getElementsByTagName('input');
                var aP = document.getElementsByTagName('p');
                var arr=['kk','li','ll'];
                for(var i = 0;i<aBtn.length;i++){
                    aBtn[i].index= i;
                    aBtn[i].onclick = function(){
                        this.value = arr[this.index];
                        aP[this.index].innerHTML = arr[this.index];
                    }
                }
            }
        </script>
    </head>
    <body>
        <input type="button" value="btn1"/>
        <input type="button" value="btn2"/>
        <input type="button" value="btn3"/>
        <p>5</p>
        <p>7</p>
        <p>9</p>
    </body>
</html>

示例代码

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

辛苦的码农20200609

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
索引值的应用

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ var aBtn = document.getElementsByTagName('input');..
复制链接

扫一扫