Question

我正在尝试获取所单击的html元素的类名。

我已修复...我在外部JS文件中创建了一个函数

Answer 1

您可以使用元素上的.className来获取类

var buttons = document.getElementsByTagName('a');
for (var i = 0; i < buttons.length; i++) {
    var button = buttons[i];
    button.addEventListener("click", function(){
        console.log(this.className)
    })
}

<a href="#" class="btn myButton1"><i class="fas fa-times"></i> <span>Button 1</span></a>
<a href="#" class="btn myButton2"><i class="fas fa-times"></i> <span>Button 2</span></a>

Answer 2

以下代码将选择页面上的所有锚标记。您可以遍历这些内容，并且会看到每个对象都有一个className属性和classList属性。您可以添加事件侦听器以切换类或单击元素时想要执行的任何操作。下面的此功能将打印到控制台并弹出一个警告框。在您的情况下，您可以仅根据单击的范围来限定要切换的变量。

let arrayOfAnchors = document.querySelectorAll('a');
arrayOfAnchors.forEach(anchor => {
    console.log(anchor.className);
    console.log(anchor.classList);
    anchor.addEventListener('click', function() { console.log('hey there'); alert('hi'); });

});

获取外部js文件Javascript中单击的html元素的类名

2 个答案: