Как добавить пользовательские свойства для пользовательских конструкторов в JavaScript?

Question

Я хочу создать собственный javascript конструктор с пользовательскими свойствами . Давайте представим, как это может выглядеть:

 var a = new MyCustomConstructor({
  selector: ".demo",
  html: "Hello World !",
  style: {
     color : "white",
     background : "blue"
  }
 });

В приведенном выше примере текст Hello World! добавляется ко всем элементам класса demo с заданными стилями. Как я могу сделать это на самом деле? Я хотел бы добиться этого с ES5 , а также ES6 , где это необходимо, но без библиотеки. Могу ли я это сделать ? Если да, то как?

Заранее спасибо.

Answer 1

Приведенный выше пример добавляет текст Hello World! для всех элементов с классом демо. Как я могу это сделать на самом деле

Отвечая на ваш вопрос, вы можете просто найти все элементы с помощью class=demo и задать их текст:

const elements = document.getElementsByClassName('demo');
for (let el of elements) {
  el.innerText = 'Hello World!'
}

<span class='demo'>

</span>

<span class='demo'>

</span>

<span class='demo'>

</span>

Также я бы посоветовал вам прочитать о конструкторах js эту хорошую статью.