为了账号安全,请及时绑定邮箱和手机立即绑定

如何通过没有id,class或jQuery的tagName获取按钮?

如何通过没有id,class或jQuery的tagName获取按钮?

慕桂英4014372 2021-04-27 17:14:48
我想使用tagName获取不带id,class或jQuery的按钮文本,并将这些文本写入p标签。我的简单测试代码如下。希望您了解我正在尝试做的事情。            <button>Button 1</button>            <button>Button 2</button>            <p id="result" ></p>            <script type="text/javascript">                function tagName(tag){                    var buttons = document.getElementsByTagName(tag);                    var totalButton = buttons.length;                    for(var i=0;i<totalButton;i++){                        // here i want to check which button clicked?                    }                };                    tagName("button").onclick = function(){                    document.getElementById("result").innerHTML = tagName("button").innerHTML;                }            </script>您能帮我完成这段代码吗? 注意:我只有一个功能tagName()
查看完整描述

3 回答

?
POPMUISE

TA贡献1765条经验 获得超5个赞

<html>


<head>

    <script>

        function tagName(tag) {

            var buttons = document.getElementsByTagName(tag);

            var totalButton = buttons.length;


            var r = []

            for (var i = 0; i < totalButton; i++) {

                // here i want to check which button clicked?

                r.push(buttons[i])

            }

            return r;

        };


        function onLoad() {

            tagName("button").forEach(function (item, idx) {

                item.addEventListener('click', function () {

                    document.getElementById("result").innerHTML = item.innerHTML;

                });

            });

        }


    </script>

</head>


<body onload="onLoad()">

    <button>Button 1</button>

    <button>Button 2</button>

    <p id="result"></p>



    <script type="text/javascript">


    </script>

</body>


</html>


查看完整回答
反对 回复 2021-04-29
?
ABOUTYOU

TA贡献1812条经验 获得超5个赞

尝试这样的事情:


var obj = document.getElementsByTagName("button");


for (let item of obj) {

  item.onclick = function(){

    document.getElementById("result").innerHTML = item.innerHTML;

  }

}


查看完整回答
反对 回复 2021-04-29
  • 3 回答
  • 0 关注
  • 256 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信