Подскажите, пожалуйста, как находить сестринский элемент. Вот пример
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.text_error {
color: #f00;
}
</style>
</head>
<body>
<label class="field_item">
<input class="input_login" type="text" placeholder="Login">
<p class="about_item">Login</p>
<p class="placeForComments"></p>
</label>
<label class="field_item">
<input class="input_password" type="password" placeholder="Password">
<p class="about_item">Password</p>
<p class="placeForComments"></p>
</label>
<script>
window.onload = function(){
var loginInput = document.querySelector(".input_login"),
passwordInput = document.querySelector(".input_password");
loginInput.onblur = function() {
if (this.value.length < 5) {
alert("too Short"); /// Сюда надо что-то умное
}
};
}
</script>
</body>
</html>
Задача следующая - Как если в поле Login меньше 5 знаков то к первому параграфу с классом placeForComments добавить класс text_error а внутрь параграфа текст "Очень маленький текст". На jQuery эта проверка выглядела бы примерно так
$(this).parent().siblings(".placeForComments").addClass("text_error").text("Очень маленький текст");
а вот как на чистом JS, чёт не знаю.