在前端开发中，我们通常会用到 div 元素来显示内容。而为了实现动态更新内容，我们需要对 div 的 innerHTML 进行修改。在使用 jQuery 进行开发时，我们可以通过一些方法来实现这个功能。
方法一：使用 jQuery 的 html() 方法
我们可以通过 jQuery 的 html() 方法来设置 div 的 innerHTML。该方法可以接受一个字符串参数，表示要替换的 HTML 内容。
// 获取 div 元素，并设置其内容
$('#myDiv').html('<p>新的内容</p>');方法二：使用 JavaScript 的 innerHTML 属性
我们也可以直接使用原生 JavaScript 的 innerHTML 属性来实现同样的效果。
// 获取 div 元素，并设置其内容
document.getElementById('myDiv').innerHTML = '<p>新的内容</p>';注意事项
- 在使用
html()或innerHTML方法时，传递的字符串应该是合法的 HTML 代码。 - 如果要在字符串中使用引号，应该使用转义字符
\"。 - 在使用
html()或innerHTML方法时，应该注意安全性问题，避免 XSS 攻击。
示例代码
-- -------------------- ---- ------- --------- ----- ------ ------ ---------- --- ---------- -------- ---------------------------------------------------------------------------- --------- ---------- --------------- - ----- ------ ------ - ------ -- ----------------------------------- --- ----- ------ ---------- - --------- -- ----- ------------------------------------------ - -------------- --- ---------- ------- ------ ----- ----------- ------------- ------- - -------- --------------------------------------- ------- -------
以上就是如何更换使用 jQuery 的 div 的 innerHTML 的方法。通过掌握这些技巧，我们可以更加方便地实现前端开发中的动态内容更新。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/7954