JavaScript 動態添加 div Web 開發中，動態添加元素是十分常見的需求之一。其中最常見的是動態添加 div 元素。JavaScript 的文檔對象模型（DOM）提供了豐富的 API，使開發者可以輕松地向頁面中添加元素。 例如，在一個表單中，用戶輸入完畢后需要動態地添加一些提示性的信息，這時候就需要向頁面中添加 div 元素來承載這些信息。又例如，點擊一個按鈕后需要展開一些內容，同樣需要動態地添加 div 元素來承載這些內容。 以下是動態添加 div 元素的示例代碼： ```htmlAdd Div``` 在上面的示例中，首先定義了一個空的 div 元素，其 id 為“wrapper”，用來承載動態添加的 div 元素。接著定義了一個按鈕，它的 onclick 事件會觸發 addDiv() 函數。在 addDiv() 函數中，首先用 createElement() 創建一個新的 div 元素，并設置它的 innerHTML 屬性為一段提示性文字。最后，使用 appendChild() 將新創建的 div 元素添加到“wrapper”元素中。 這樣，在點擊按鈕時，就會向頁面中添加一個新的 div 元素，并在其中顯示一段提示性文字。如果需要添加多個 div 元素，只需要在 addDiv() 函數中多次調用 createElement() 和 appendChild() 即可。 除了使用 JavaScript 原生提供的 createElement() 和 appendChild() 方法來動態添加 div 元素，還可以使用第三方庫，如 jQuery 和 React 等。這些庫提供了更加高級和便捷的 API，可以大大提高開發效率。以下是使用 jQuery 動態添加 div 元素的示例代碼： ```htmlAdd Div``` 在上面的示例中，首先引入了 jQuery 庫，并在文檔準備就緒后使用 $() 函數來定義按鈕的點擊事件。在點擊事件中，使用 $() 函數創建一個新的 div 元素，并使用 html() 方法設置它的 innerHTML 屬性為一段提示性文字。最后，使用 appendTo() 方法將新創建的 div 元素添加到“wrapper”元素中。 以上是使用 JavaScript 原生和 jQuery 庫來動態添加 div 元素的示例代碼，除此之外還有很多其他的方法可以實現同樣的效果。無論使用何種方法，動態添加 div 元素都是 Web 開發中常用的技能之一，可以幫助開發者快速地構建出美觀、功能強大的頁面。