Javascript单击每个输入，从中获取值

下面是我的代码

<div class="control">
    <input type="button" value="big" />
    <input type="button" value="blink" />
    <input type="button" value="bold" />
    <input type="button" value="fixed" />
    <input type="button" value="italics" />
    <input type="button" value="small" />
    <input type="button" value="strike" />
    <input type="button" value="sub" />
    <input type="button" value="sup" />
</div>

如何将上述代码转换为javascript？

给您：

var inputs = document.querySelectorAll('.control input[type="button"]');

for (var i=0; i < inputs.length; i++)
{       

     inputs[i].onclick = function()
    {
      console.log(this.value);
    }


}

var inputs=document.querySelectorAll（'.control input[type=“button”]”）；
对于（变量i=0；i

我会像

var buttons = document.querySelectorAll('.control input[type=button]');
for(var i = 0; i < buttons.length; i++){
   buttons[i].addEventListener('click', function(e){
        console.log(e.target.value);
    });
}

var buttons=document.querySelectorAll（'.control input[type=button]'）；
对于（变量i=0；i

控件

是一个类，因此请使用类选择器

（'）。控件输入[类型=按钮]“

普通JS解决方案的问题是什么？请发布您的问题。您在选择元素时有问题吗？绑定事件处理程序？获取元素的值？当单击I时获取每个元素的值时我有问题如何触发此问题？谢谢您，我现在为我工作谢谢您，我知道了现在

var buttons = document.querySelectorAll('.control input[type=button]');
for(var i = 0; i < buttons.length; i++){
   buttons[i].addEventListener('click', function(e){
        console.log(e.target.value);
    });
}