javascript - 使用 native JavaScript，如果对象具有特定的 CSS 类，则更改对象的标题属性

Question

所以通过使用 native javascript，我会怎么说“如果这个对象有这个 css 类，将它添加到 title 属性中”

document.addEventListener("DOMContentLoaded", function(event) { 
    if(element.classlist.contains("current_page_item")||element.classlist.contains("current-page-ancestor")){

    }
});

就我所知，我正在努力坚持使用原生 javascript，这样我们就不必加载任何库，并且可以使网站尽可能保持简约。

Answer 1

您可以使用 getElementsByClassName()

var x = document.getElementsByClassName("current_page_item");

然后循环添加标题

x.forEach(function(element){
   element.title = "title";
});

或

for (var i = 0; i < x.length; i++) {
    x[i].title ="title";
}

为了回答您的评论，将标题应用于“a”元素，该元素是具有“current_page_item”类的 div 元素的子元素

for (var i = 0; i < x.length; i++) {
    var y = x[i].getElementsByTagName("a");
    y[0].title = "title";
}