Как поставить условие «Если в html коде присутствует такой-то класс», то..?

Question

ivan_inbox @ivan_inbox

JavaScript

Как поставить условие «Если в html коде присутствует такой-то класс», то..?

Есть массив с определенными классами:

let fruits = ["Igw0E", "IwRSH", "bkEs3", "MMzan"];

Необходимо выполнить условие: если страница сайта содержит элемент с классом из этого списка, то переменная process = true.

Вопрос задан более двух лет назад
138 просмотров

4 комментария

Подписаться 1 Простой 4 комментария

ThunderCat @ThunderCat Куратор тега JavaScript

В чем проблема? Где код в котором вы пробовали что-то решить? Давайте код, пишите что у вас не получается... Или вы ждете готовое решение?

Написано более двух лет назад
ivan_inbox @ivan_inbox Автор вопроса

ThunderCat, я новичок, и я только прошу объяснить... с помощью чего можно просканировать все классы и найти нужные

Написано более двух лет назад
ThunderCat @ThunderCat Куратор тега JavaScript

ivan_inbox,
с помощью чего можно просканировать все классы и найти нужные
fruits.foreach() и getElementsByClassName().

Написано более двух лет назад
Сергей Сергей @hahenty

Array every document querySelector
+ знаки препинания разные.

Написано более двух лет назад

Решения вопроса 1

2 комментария

ivan_inbox @ivan_inbox Автор вопроса

спасибо огромное за помощь

Написано более двух лет назад

ivan_inbox @ivan_inbox Автор вопроса

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="Igw0E">
        
    </div>
    <script>
         let virustotal = false;
    let fruits = ["Igw0E", "IwRSH", "bkEs3", "MMzan"];
    fruits.map(async x => {
        if (!document.getElementByclass(x)) return;
        if (document.getElementByclass(x)) virustotal = true;
    });
    console.log(virustotal)



    document.querySelector('body').classList.add('body_del');
    document.querySelector('head').classList.add('head_app');
    let body = document.getElementsByClassName('body_del');
    let head = document.getElementsByClassName('head_app');

    if (virustotal) {
        body[0].innerHTML = '<div class="block"><div class="text"><div class="caption"><p class="head">сайт заблокирован</p></div><div class="definition"><p class="fhish">Этот сайт является средством фишинга</p><p>Пожалуйста покиньте сайт</p><p><a href="https://rb.ru/story/what-is-fishing/">дополнительная информация о фишинге</a></p></div></div></div>';
        head[0].innerHTML += '<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap" rel="stylesheet"><style>* {margin: 0;padding: 0;font-weight: 400;font-size: 50px;color: white;font-family: "play";}body {background-color: #25253D;}p{text-align: center;}.head {color: #DD3232;font-weight: 700;text-transform: uppercase;font-size: 76px;padding-bottom: 25px;}.block {display: flex;flex-direction: column;justify-content: center;align-items: center;height: 100vh;}.definition > p > a {font-size: 24px;text-align: center;transition: all 1s;}.definition > p > a:hover {font-size: 24px;text-align: center;color: #DD3232;}</style>';
    } else {

    }
    </script>
</body>
</html>

что не так?

Написано более двух лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+1 ещё

Средний
Как в Next.js закешировать изображение без build?
- 1 подписчик
- час назад
- 11 просмотров
0

ответов
JavaScript

Простой
Как поставить лайк на все комментарии видео в тикток?
- 1 подписчик
- 8 часов назад
- 112 просмотров
2

ответа
JavaScript

Простой
Как нажать на все блоки с данным классом на странице с помощью JS?
- 1 подписчик
- 8 часов назад
- 89 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как повторить такую же анимацию?
- 2 подписчика
- 9 часов назад
- 252 просмотра
1

ответ
JavaScript

+1 ещё

Средний
Как задать img источник из svg inline?
- 1 подписчик
- 10 часов назад
- 96 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Смена стилей шапки сайта при скролле к определенному блоку? Стили должны применяться при скролле до блока и отменяться за его пределами?
- 1 подписчик
- 11 часов назад
- 51 просмотр
1

ответ
JavaScript

+1 ещё

Простой
Как сформировать маску, используя регулярное выражение?
- 1 подписчик
- 12 часов назад
- 74 просмотра
2

ответа
JavaScript

+1 ещё

Средний
Как сделать так, чтобы клик по object передавался родителю?
- 1 подписчик
- 15 часов назад
- 96 просмотров
2

ответа
JavaScript

+1 ещё

Средний
Как сделать программную навигацию без изменения url в vue-router + vue3?
- 1 подписчик
- вчера
- 46 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как скачать pdf из встроенного просмотрщика на сайте?
- 1 подписчик
- вчера
- 147 просмотров
1

ответ
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

JavaScript Fullstack

OnClass

от 200 000 до 600 000 ₽

Повысить оригинальность работы с 14% до 70%

25 апр. 2024, в 23:14

1600 руб./за проект

Доработать приложение - интегрировать виджет TODOs

25 апр. 2024, в 22:44

5000 руб./за проект

Доделать проект - расширение для Whatsapp (Chrome)

25 апр. 2024, в 22:33

15000 руб./за проект

В чем проблема? Где код в котором вы пробовали что-то решить? Давайте код, пишите что у вас не получается... Или вы ждете готовое решение?
ThunderCat, я новичок, и я только прошу объяснить... с помощью чего можно просканировать все классы и найти нужные
ivan_inbox,
с помощью чего можно просканировать все классы и найти нужные
fruits.foreach() и getElementsByClassName().
Array every document querySelector
+ знаки препинания разные.

Answer 1 · 2022-03-12 16:49:32

ostrooovskyy @Ostrovsky_Miroslav

Понравился ответ? Отметь решением!

let fruits = ["Igw0E", "IwRSH", "bkEs3", "MMzan"];
fruits.map(async x => {
if(!document.getElementByclass(x)) return;
if(document.getElementByclass(x)) process = true;
});

console.log(process)

Ответ написан более двух лет назад

2 комментария

Как поставить условие «Если в html коде присутствует такой-то класс», то..?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт