jquery innerhtml

作者：残情弑天发布日期:2025-10-24 浏览:78

// 使用 jQuery 设置和获取元素的 HTML 内容

// 示例 1: 设置元素的 HTML 内容
$(document).ready(function(){
  // 当页面加载完成后，点击按钮会将 <div> 元素的内容设置为新的 HTML
  $("button").click(function(){
    $("#myDiv").html("<h2>新的标题</h2><p>新的段落。</p>");
  });
});

// 示例 2: 获取元素的 HTML 内容
$(document).ready(function(){
  // 当页面加载完成后，点击按钮会弹出 <div> 元素的当前 HTML 内容
  $("button").click(function(){
    var content = $("#myDiv").html();
    alert(content);
  });
});

解释说明：

$("#myDiv").html("..."): 用于设置指定元素（如 <div>）的 HTML 内容。可以传递一个字符串作为参数，该字符串将替换掉原有内容。
$("#myDiv").html(): 用于获取指定元素的当前 HTML 内容，返回值是一个包含 HTML 标记的字符串。

这两个示例展示了如何使用 jQuery 的 .html() 方法来操作 DOM 中的 HTML 内容。

上一篇：html

标签作用

下一篇：html行间距怎么设置