Question

我还是JavaScript的新手，在尝试DOM时，我发现我的代码是从HTML中选择元素而没有先创建变量（例如“ var button = document.getElementsByTagName（“ button”）”））。我正在观看视频，首先选择带有变量的元素，然后对其进行操作，但看来我的代码只是绕过了这一点。我只是想知道是否有人可以解释其背后的逻辑，以及为什么最好在此方法上使用变量？

我尝试的项目只是简单地添加和减去，这取决于是否有人想按什么按钮。

我的想法是因为每个按钮在HTML中都有一个ID。

对不起，如果这段代码草率，我对编码仍然很陌生：）

var number = document.getElementById("number");
var add1 = document.getElementById("add1"); // Specifying the "add1" button.
number.value = 0;
var oldValue = number.value;
add1.addEventListener("click", function(){
    oldValue = oldValue + 1;
    number.innerHTML = oldValue;
});
add10.addEventListener("click", function(){ // selecting the button without a variable being specified first?
    oldValue = oldValue + 10;
    number.innerHTML = oldValue;
});
sub1.addEventListener("click", function(){
    oldValue = oldValue - 1;
    number.innerHTML = oldValue;
});
sub10.addEventListener("click", function(){
    oldValue = oldValue - 10;
    number.innerHTML = oldValue;
});
reset.addEventListener("click", function(){
    oldValue = 0;
    number.innerHTML = oldValue;
});

如何在不使用变量的情况下选择元素？

0 个答案: