HTML 是我們網(wǎng)頁的基礎(chǔ)語言，但是 JavaScript 也是不可忽略的一部分。通過 JavaScript，我們可以對 HTML 進行操作、編寫交互性更強的頁面。其中，innerHTML 就是 JavaScript 操作 HTML 的一個重要工具。 innerHTML 可以用來改變 HTML 的內(nèi)容，實現(xiàn) DOM 元素的動態(tài)增刪改操作。 比如，在 HTML 頁面的 body 中添加一個 div 標簽，然后給它添加內(nèi)容：

<div id="my-div"></div>
var myDiv = document.getElementById('my-div');
myDiv.innerHTML = 'Hello, World!';

這段代碼先獲取了 ID 為 "my-div" 的 div 標簽元素，然后給它的內(nèi)部 HTML 添加了文本內(nèi)容 "Hello, World!"。通過 innerHTML，我們可以實現(xiàn)對 HTML 內(nèi)容的直接修改。 innerHTML 也支持插入 HTML 標簽。比如，在 div 標簽內(nèi)部插入一個 p 標簽：

<div id="my-div"></div>
var myDiv = document.getElementById('my-div');
myDiv.innerHTML = '<p>Hello, World!</p>';

這段代碼給 div 標簽插入了一個 p 標簽，之后的操作和前面一樣，將 "Hello, World!" 插入到 p 標簽內(nèi)。這樣就可以實現(xiàn)更細致的頁面布局操作。 除了修改元素的 innerHTML，我們還可以利用 innerHTML 向一個 div 中插入多個元素：

<div id="my-div"></div>
var myDiv = document.getElementById('my-div');
myDiv.innerHTML = '<h1>JavaScript</h1><p>innerHTML 是一個重要的 DOM 操作 API。</p>';

這段代碼通過 innerHTML 實現(xiàn)了向一個 div 中插入一個 h1 標簽和一個 p 標簽，分別顯示了 "JavaScript" 和 "innerHTML 是一個重要的 DOM 操作 API。"。多個標簽之間可以用字符串拼接的形式連接在一起，非常方便。 需要注意的是，innerHTML 方法可能會導致 XSS（跨站腳本攻擊），因為它可以直接在 HTML 頁面上插入任意的 HTML/JavaScript 腳本代碼。要注意避免使用 innerHTML 插入用戶輸入的內(nèi)容，或者對插入的內(nèi)容進行 XSS 過濾。 總之，innerHTML 是 JavaScript 操作 HTML 的一個強大工具，可以讓我們實現(xiàn)動態(tài)的 DOM 元素操作，插入和刪除 HTML 內(nèi)容，以及制作出更加復雜、動態(tài)的頁面效果。