JavaScript | createElement | innerHTML | appendChild

JavaScript

createElement | innerHTML | appendChild

createElementで親要素を挿入し、
innerHTMLで子要素を作成。
appendChildで挿入。

Thymeleaf、in-lineスクリプトでの例

var card = document.createElement('div');
card.className = 'review-card';

card.innerHTML = `
    <h5>houseid= ${houseid}</h5>
    <h5>houseName= ${houseName}</h5>
    <h5>reviewid= ${reviewid}</h5>
    <h5>userId= ${userId}</h5>
    <h5>content= ${content}</h5>
`;

// 最後にカードを親要素に追加
document.getElementById('reviewList').appendChild(card);