GetElement, querySelector

@AlexsisOn · Регистрация: 22.07.2019

Студворк — интернет-сервис помощи студентам

Есть такой код .... в нем присваивается первой строке цвет, второй строке слово "www", это все вручную прописано какой строке что присвоить, но как сделать чтоб код сам искал и определял что первой строке нужно присвоить цвет ?

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
<body>
    <p class="text-box">1</p>
    <p class="text-box">2</p>
    <p class="text-box" id="awesome-text">3</p>
</body>
 
<script>
let parags = document.querySelectorAll('.text-box');
parags [1].innerText +=  ` www`;
parags [0].style.color = `#f00`;
console.log(parags);
</script>

Спасибо !

@atanov · 14.08.2019, 11:25

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

чтоб код сам искал и определял что первой строке нужно присвоить цвет

а как код это определит?

@AlexsisOn · 15.08.2019, 10:15 **[ТС]**

Говорят что можно ....

@atanov · 15.08.2019, 22:17

AlexsisOn, процитируйте или дайте ссылку, где такое утверждается

@kidASM · 16.08.2019, 00:40

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title></title>
        <style></style>
    </head>
    <body>
        <p class="text-box">1</p>
        <p class="text-box">2</p>
        <p class="text-box" id="awesome-text">3</p>
        <script>
            var parags = document.querySelectorAll('.text-box');
            if(parags){
                for(var i=0; i<=parags.length; i++){
                    if(i == 0){ // Если первый елемент
                        parags[i].style.color = '#ff0000';
                    }
                    else if (i == 1){ // Если второй елемент
                        parags[i].innerHTML += " www";
                    }
                }
            }
        </script>
    </body>
</html>

@AlexsisOn · 16.08.2019, 08:29 **[ТС]**

Оказывается можно .....

Благодарствую за помощю !

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .

@AlexsisOn 0 / 0 / 0 Регистрация: 22.07.2019 Сообщений: 23
	15.08.2019, 10:15 [ТС]
	Говорят что можно .... 0

@atanov 640 / 481 / 172 Регистрация: 26.05.2016 Сообщений: 2,674
	15.08.2019, 22:17
	AlexsisOn, процитируйте или дайте ссылку, где такое утверждается 0

@AlexsisOn 0 / 0 / 0 Регистрация: 22.07.2019 Сообщений: 23
	16.08.2019, 08:29 [ТС]
	Оказывается можно ..... Благодарствую за помощю ! 0

GetElement, querySelector

Решение