如何通过没有id，class或jQuery的tagName获取按钮？
我想使用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（）
慕桂英40143723回答
-
POPMUISE
<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> -
ABOUTYOU
尝试这样的事情：var obj = document.getElementsByTagName("button");for (let item of obj) { item.onclick = function(){ document.getElementById("result").innerHTML = item.innerHTML; }}
随时随地看视频慕课网APP
相关分类
JavaScript