${abbr} заменить текствым значением

152
18 февраля 2019, 13:10

Подскажите,пожалуйста,как сделать чтоб вместо ${abbr} появился текст "css"?

function addCenter() {
    var article = document.createElement("article");
    article.setAttribute("role", "main");
    var header = document.createElement("header");
    var h2 = document.createElement("h2");
    var abbr = document.createElement("abbr");
    h2.appendChild(abbr);
    h2.innerHTML = `The Beauty in ${abbr} Design.`;
    abbr.innerHTML = "css";
Answer 1

В переменной abbr в Вашем случае хранится элемент, а не текст. Чтобы получить текстовое содержимое abbr следует обратиться к текстовому узлу: abbr.textContent. Стоит учесть, что abbr.textContent должен иметь значение до его присвоения в h2.innerHTML. Рабочий пример:

var h2 = document.createElement('h2'); 
var abbr = document.createElement('h1'); 
abbr.innerHTML = 'wow! it works!'; 
 
h2.innerHTML = `My cool text: ${abbr.textContent}`; 
 
document.body.appendChild(h2); 
document.body.appendChild(abbr); // only for example

READ ALSO
Функция getSelection не работает iOS 12
javascript

Функция getSelection не работает iOS 12

Функции documentgetSelection() и window

 163
WEB API - Аналог CreateElement
javascript

WEB API - Аналог CreateElement

Когда-то, где-то, читал про API, которое является аналогом documentcreateElement - не могу ни вспомнить название, ни найти, а гугл выдает тонны информации...

 167
Сохранение метки Yandex map api
javascript

Сохранение метки Yandex map api

Есть код

 199
Сохранение файла через диалоговое окно
javascript

Сохранение файла через диалоговое окно

Подскажите, как сохранить выбранный в диалоговом окне файл через input file, если не предоставляется полный путь к этому файлу? Файл нужно выбрать...

 185