Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.10.2019, 14:42
Новичок на форуме
Отправить личное сообщение для Anton1979 Посмотреть профиль Найти все сообщения от Anton1979
 
Регистрация: 10.10.2019
Сообщений: 3

Установка свойств заданных из класса
Добрый день! Разбираюсь с классами JS...
1. Создал DIV-блок имеющий определенные характеристики описанные классом CSS.
2. Создал класс содержащий имя и цвет, а так же 2 функции (вывод цвета объекта и назначения этого цвета тексту блока DIV создал объект этого класса с установленным цветом.
3. Создал объект принадлежащий объявленному классу.

Функция вывода цвета объекта работает замечательно, а вот с функцией установки параметров блока DIV какая-то БЕДА:
https://drive.google.com/open?id=1a7...gEMbtRhXtOTFIn

Вот полный текст JS.
<script>
        class Rectangel {
            constructor(name, color) {
                this.name = name;
                this.color = color
            }
            func2() {
                alert(this.color);
            }
            func1() {
                document.getElementById(this.name).style.color = "green";
            }
        }
        let rec1 = new Rectangel("rec1", "green");
        rec1.func2();
        rec1.func1();
    </script>


Очень прошу помочь понять мою ошибку!!!
Ответить с цитированием
  #2 (permalink)  
Старый 10.10.2019, 15:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 26,830

Anton1979,
document.getElementById(this.name).style.color = this.color
Ответить с цитированием
  #3 (permalink)  
Старый 10.10.2019, 15:17
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 26,830

Anton1979,
нет div c таким id на момент работы скрипта, либо обернуть скрипт в DOMContentLoaded, либо скрипт поставить ниже элемента с таким id.
Ответить с цитированием
  #4 (permalink)  
Старый 10.10.2019, 15:18
Новичок на форуме
Отправить личное сообщение для Anton1979 Посмотреть профиль Найти все сообщения от Anton1979
 
Регистрация: 10.10.2019
Сообщений: 3

Большое спасибо за ответ!
Большое спасибо за ответ, но, к сожалению это тоже не сработало:
https://drive.google.com/open?id=19K...wuIc8XFp5wRA8r null is not an object....
Ответить с цитированием
  #5 (permalink)  
Старый 10.10.2019, 15:20
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 26,830

Сообщение от Anton1979
это тоже не сработало:
ответ выше
Ответить с цитированием
  #6 (permalink)  
Старый 10.10.2019, 15:21
Новичок на форуме
Отправить личное сообщение для Anton1979 Посмотреть профиль Найти все сообщения от Anton1979
 
Регистрация: 10.10.2019
Сообщений: 3

Спасибо буду копать в сторону DOMContentLoaded
Ответить с цитированием
  #7 (permalink)  
Старый 10.10.2019, 15:22
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 26,830

Сообщение от Anton1979
буду копать
https://learn.javascript.ru/onload-ondomcontentloaded
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Калькулятор с вариантом значений. dzho Общие вопросы Javascript 45 06.08.2017 03:54
Использование классов в JavaScript devote Ваши сайты и скрипты 70 01.02.2013 15:17
установка css свойств по умолчанию за 1 шаг. mister_maxim (X)HTML/CSS 1 15.05.2012 08:18
Свойства/методы класса TicTac Общие вопросы Javascript 5 03.07.2011 13:53
Установка свойств на странице amperykl Элементы интерфейса 6 21.02.2011 22:08