在HTML中是一個非常常用的標簽，它可以用來劃分出頁面中的一個獨立的區域，方便樣式和內容的控制和處理。
在實際項目開發中，我們會經常需要通過JavaScript動態的創建和修改頁面中的HTML元素。而通過JavaScript賦值HTML代碼就是其中的一個重要操作。
在JS中，通過“innerHTML”屬性可以非常方便的給某一個元素指定HTML內容。比如，我們可以給一個
元素賦值一個文本框：
let divElement = document.querySelector("#myDiv");
divElement.innerHTML = "<input type='text' />";上面的代碼中，我們首先用document.querySelector()方法獲取了一個id為“myDiv”的
元素，然后通過innerHTML屬性賦值了一個HTML代碼，這個代碼包含了一個類型為“text”的元素。
同時，我們也可以通過innerHTML屬性將HTML代碼添加到元素中，而不是替換元素本身原有的內容。比如，我們可以在一個無序列表中添加一個新的列表項：
let ulElement = document.querySelector("ul");
ulElement.innerHTML += "<li>新的列表項</li>";上面的代碼中，我們首先用document.querySelector()方法獲取了一個無序列表（
- ）元素，并將它賦值給了一個變量。然后通過innerHTML屬性添加了一個包含新列表項的HTML代碼，這個代碼被添加到原本的
- 元素中，新列表項就出現在了頁面上。
通過以上兩個例子，我們可以看到通過innerHTML屬性來賦值HTML代碼到頁面上非常的方便簡潔。但它也存在一個潛在的問題，就是可能會引發跨站腳本攻擊（XSS）。所以在實際開發中，一定要注意對于用戶輸入的HTML代碼進行過濾和處理，避免安全問題的發生。