Используя собственный JavaScript, измените атрибут title объекта, если у него есть определенный класс CSS

Question

Итак, используя нативный 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", который является дочерним элементом для элемента div, который имеет класс "current_page_item"

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

Answer 2

Не знаю, хорошо ли я все понял.

Но давайте попробуем.Сначала найдите элементы.

const nodes = document.querySelectorAll('.current_page_item, .current_page_item')
// nodes are the elements of one of the classes names

Затем примените Имена классов к заголовку.

function containsOfTheClasses (node) {
    return classNames.some(x => node.classList.contains(x))
}

nodes.forEach(function (node) {
    node.title += classNames.filter(containsOfTheClasses).join(' ')
})

Answer 3

Вы можете использовать getElementsByClassName ()

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

Answer 4

Как и в ответе Рохита Шетти, вы также можете использовать querySelector:

let elements = document.querySelector(".current_page_item");
elements.forEach(function(e) {
  e.title = "title";
);