要遍历JavaScript中的每个按钮的值,并获取已提交按钮的返回值,可以使用以下代码示例来实现:
HTML代码:
JavaScript代码:
// 获取所有按钮元素
var buttons = document.getElementsByClassName('btn');
// 遍历每个按钮元素
for (var i = 0; i < buttons.length; i++) {
var button = buttons[i];
// 给每个按钮添加点击事件监听器
button.addEventListener('click', function() {
// 获取当前按钮的值
var value = this.innerHTML;
// 输出当前按钮的值
console.log(value);
});
}
// 获取提交按钮元素
var submitBtn = document.getElementById('submitBtn');
// 给提交按钮添加点击事件监听器
submitBtn.addEventListener('click', function() {
// 获取已提交按钮的返回值
var returnValue = '返回值';
// 输出已提交按钮的返回值
console.log(returnValue);
});
这段代码中,首先通过document.getElementsByClassName('btn')
获取到所有的按钮元素,并使用for
循环遍历每个按钮元素。在遍历的过程中,给每个按钮元素都添加了一个点击事件监听器,当按钮被点击时,会获取当前按钮的值并输出到控制台。
然后,通过document.getElementById('submitBtn')
获取到提交按钮元素,并给它添加了一个点击事件监听器。当提交按钮被点击时,会获取已提交按钮的返回值并输出到控制台。