javascript - 如何在没有 id、class 或 jQuery 的情况下通过 tagName 获取按钮？

Question

我想使用 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()

Answer 1

尝试这样的事情:

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

for (let item of obj) {
  item.onclick = function(){
    document.getElementById("result").innerHTML = item.innerHTML;
  }
}