添加一個<p>標記到</p><div>在 Angular</div><div id="text_translate"><p> 這是我的 html 代碼：</p><pre> &lt;div id="gameboard"&gt; &lt;/div&gt;</pre><p> 這是我在 .ts 文件中的代碼</p><pre>document.getElementById('gameboard')?.append('&lt;p&gt;Hello&lt;/p&gt;')</pre><p> 使用此代碼，我想將&lt;p&gt;標簽添加到我的&lt;div id="gameboard"&gt; 。 單擊按鈕時，應執行此代碼的所有內容。 但不知何故什么也沒發生</p></div>

Question

這是我的 html 代碼：

<div id="gameboard">

</div>

這是我在 .ts 文件中的代碼

document.getElementById('gameboard')?.append('<p>Hello</p>')

使用此代碼，我想將<p>標簽添加到我的<div id="gameboard"> 。 單擊按鈕時，應執行此代碼的所有內容。 但不知何故什么也沒發生

Answer 1

 const gameboard = document.getElementById('gameboard') var htmlString = `<p>` htmlString += 'something' htmlString += `</p>` const placeholder = document.createElement('div'); placeholder.innerHTML = htmlString; const node = placeholder.firstElementChild; gameboard.appendChild(node)

 <div id="gameboard"> </div>