Почему при создании Div через функцию, на экран выводиться только текст на белом фоне?

Question

[renat8059]

При этом, всё что было до этого, удаляется.

Вот скрипт функции:

function clicking() 
{																				
         document.write("<div class =\"parent\">");
         document.write("<div style=\"font-family:Verdana\" class = \"button\" id = ${value}>Текс, который по непонятной причине оказывается на белом фоне</div>");
         document.write("</div>");							
}

Скрипт активируется при нажатии на другой div:
onclick=\"return clicking(this);\"

Заранее извиняюсь за глупость, Java Script начал изучать недавно.
Буду очень благодарен за помощь.

Comments

[Алексей Ярков]

Java Script начал изучать недавно

По каким же манускриптам вы его изучать начали, что там про document.write написано? ))

[renat8059]

На форуме посмотрел, как надо. По другому надо?

[Алексей Ярков]

renat8059,

По другому надо?

Лучше начать отсюда: https://learn.javascript.ru/

[v3shin]

document.write() очищает тело страницы и пишет html "с нуля", а вы хотите добавить html к уже существующему элементу. Почитайте про innerHTML, .appendChild(), .insertAdjacentHtml() и вообще про работу с DOM.

Answer 1

[chtopisatsuda]

Используй такую структуру :

data = ''
function clicking(){
 data += `<div class="class">`
}
clicking()
document.write(data)

Comments

[chtopisatsuda]

А еще лучше вместо document.write()
использовать innerHTML