Получить клас-родителя, обратное :nth-child(n)

@Vektoralgor · Регистрация: 03.03.2019

Здраствуйте, скажите пожалуйста как можно обратится к класу родителя без id, тоесть зделать обратное :nth-child()
К примеру зделать здесь так чтоб красился бек-граунд контейнера а не кнопок

HTML5

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
    <div class="container">
        <button onClick="red(this)">red</button>
        <button onClick="blue(this)">blue</button>
    </div>
</body>
    <script>
        function red(e){
            e.style.background="red";
        }
        function blue(e){
            e.style.background="blue";
        }
    </script>
</html>

Добавлено через 49 минут
Ответ

HTML5

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
    <div class="container">
        <button onClick="red(this)">red</button>
        <button onClick="blue(this)">blue</button>
    </div>
</body>
    <script>
        function red(e){
            e.parentElement.style.background="red";
        }
        function blue(e){
            e.parentElement.style.background="blue";
        }
    </script>
</html>

@atanov · 06.01.2021, 14:14

Сообщение от Vektoralgor

как можно обратится к класу родителя

Javascript

1	element.parentNode.className;

Опции темы

Получить клас-родителя, обратное :nth-child(n)

Решение