Question

我的JavaScript考试中遇到了这个问题。所以我必须使用JS来解决这个问题

由于没有ID和名称，我该如何在按钮上使用onclick功能。

所以在这段代码中我可以使用document.getelementsbyclass吗？还是哪个更好？以及如何使用document.getelementsbyclass或任何其他函数来检索和存储onclick按钮数据

1ms范围让我们转到范围按钮

谢谢

我没有尝试任何操作，因为我不知道正确的编码。我正处于自学成才的研究阶段。

button type="submit" height="40px" color="white" class="Button1">

Answer 1

您可以使用document.querySelector

console.log(document.querySelector(".Button1"))

<button type="submit" height="40px" color="white" class="Button1"><span>Let's GO</span></button>

onclick，您可以使用this关键字将元素本身传递给函数

function a(ele)
{
console.log(ele)
}

<button type="submit" height="40px" color="white" class="Button1" onclick="a(this)"><span>Let's GO</span></button>

Answer 2

U可以通过getElementsByClassName进行调用由于getElementsByClassName返回元素数组，因此您必须设置元素的索引号。然后，您可以拨打addEventListener

document.getElementsByClassName('Button1')[0].addEventListener('click', () => {
   console.log('ok')
})

<button type="submit" height="40px" color="white" class="Button1">
   <span>Let's GO</span>
</button>

Answer 3

U可以通过getElementsByClassName进行调用，因为getElementsByClassName返回元素数组，因此您必须设置元素的索引号。然后，您可以调用addEventListener

document.getElementsByClassName('Button1')[0].addEventListener('click', callbtn)
     function callbtn()  {
       console.log('ok')
    }

<button type="submit" height="40px" color="white" class="Button1">
       <span>Let's GO</span>
    </button>

Answer 4

您可以使用document.getElementsByClassName方法在DOM中检索您的元素。与getElementById不同，此方法将返回一个数组，因为页面中可能有多个具有相同类的元素。如果只有一个带有该className的按钮，则可以执行document.getElementsByClassName('Button1')[0]。

另一个类似的方法是document.querySelector，它将CSS选择器字符串作为参数，并将返回与该选择器匹配的元素的第一个匹配项（如果有）。 document.querySelector('.Button1')

Answer 5

it will work

 <script src="Scripts/jquery-3.3.1.min.js"></script>
<script>
    $(document).ready(function () {
        $(".Button1").click(function () {
            alert($(this).text());
        });

    });
</script>

<button type="submit" style="height:40px; color:white;"  class="Button1"><span>Let's GO</span></button>

如何在按钮上使用onclick功能。当Button没有ID和Name时，它只有类？

5 个答案: