Показать сообщение отдельно
  #1 (permalink)  
Старый 22.03.2018, 11:38
Новичок на форуме
Отправить личное сообщение для 7Feniks7 Посмотреть профиль Найти все сообщения от 7Feniks7
 
Регистрация: 22.03.2018
Сообщений: 9

как правильно добавлять динамически элементы в дом?
Здравствуйте!.
Получаю данные из базе и передаю их в js:
<?= "<script> testFunction(" . $data . ")</script>"?>

Интересует, это самый плохой вариант?. Есть ли лучший вариант?(без AJAX).

Дальше я вывожу его на странице и столкнулся с вопросом, а правильно ли это?
Вопросы о том, почему я это не делаю в php, ответ: не хочу нагружать сервер циклами или чем то другим.

Вариант 1:
function testFunction(data){
   let list = "";
   for(let n = 0, lengthN = data.length; n < lengthN; n++){
     list +="<li><a href=\"#\">test "+n+"</li>";
   }
document.getElementsByClassName("menu")[0].innerHTML = list;
}

Искал информацию за innerHTML встретил много за и против..

Вариант 2:
использовать appendChild().

Что лучше использовать в таком случае? (без использование сторонних
библиотек).
Ответить с цитированием