1. 使用 `innerHTML` 属性直接在现有的元素中插入HTML内容。2. 使用 `createElement` 和 `appendChild` 方法创建新的元素并添加到DOM中。3. 使用 `insertAdjacentHTML` 方法在指定位置插入HTML。

```javascript// 方法1: 使用innerHTMLfunction addHtmlUsingInnerHtml { var element = document.getElementById; element.innerHTML = htmlContent;}

// 方法2: 使用createElement和appendChildfunction addHtmlUsingCreateElement { var parentElement = document.getElementById; var newElement = document.createElement; newElement.innerHTML = htmlContent; parentElement.appendChild;}

// 方法3: 使用insertAdjacentHTMLfunction addHtmlUsingInsertAdjacentHTML { var element = document.getElementById; element.insertAdjacentHTML;}

// 示例用法addHtmlUsingInnerHtml;

addHtmlUsingCreateElement;

addHtmlUsingInsertAdjacentHTML;```

```javascript

var newDiv = document.createElement(\