Тоже самое только на JS. Как перевести?
$(document).ready(function(){
$("#form_error_message_frontend + div > div:last-child label").addClass("last");
})
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуКак-то так:
document.addEventListener('DOMContentLoaded', function(){ // Аналог $(document).ready(function(){
// Если должен быть найден один элемент
if((e = document.querySelector("#form_error_message_frontend + div > div:last-child label")) !== null)
e.classList.add('last'); // Аналог выборки и присвоения класса
// Если элементов будет много
Array.prototype.forEach.call(document.querySelectorAll("#form_error_message_frontend + div > div:last-child label"), function(e){
e.classList.add('last');
});
});
querySelector
, а querySelectorAll
плюс итерация по возвращаемому NodeList
.
last
недвусмысленно намекает что найдётся только один элемент, а значит можно искать через querySelector
. Хотя если у ТС'а не так, то перепишем :)
label
в последнем блоке может быть несколько. В этом случае, чисто логически, добавляемый класс "last"
может относиться не к последнему label
, а ко всем label
в последнем блоке.
querySelector
можно добавить проверку на наличие возвращаемого элемента перед обращением к свойству classList
: а ну как undefined
вернет?
хороший ответ есть здесь
90+% браузеров покроет вот такое решение для ожидания окончания загрузки
document.addEventListener("DOMContentLoaded", function(event) {
//do work
});
для 95+% браузеров можно использовать методы querySelector/querySelectorAll
var el = document.querySelector("#form_error_message_frontend + div > div:last-child label");
el.className += el.className ? ' last' : 'last'
Возможно вам будет достаточно добавить отложенную загрузку скрипта атрибутом "defer" в <script>
Так скрипт дождется загрузки всего DOM дерева, после чего запустится.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Пример</title>
<script language="JavaScript">
function startFunction() {
alert("Hi there!");
}
</script>
</head>
<body onload="startFunction()">
</body>
</html>