jquery获取html内容

获取整个HTML文档内容

使用$(document).html()可以获取整个文档的HTML内容，但实际使用中更推荐通过$('html').html()获取根元素的完整HTML结构。

var fullHtml = $('html').html();
console.log(fullHtml);

获取特定元素的HTML内容

通过选择器定位目标元素后，使用.html()方法获取其内部HTML（包含子元素）。例如获取ID为container的div内容：

var elementHtml = $('#container').html();
console.log(elementHtml);

获取纯文本内容（不含HTML标签）

若只需文本内容，使用.text()方法。这会自动剥离所有HTML标签：

var plainText = $('#container').text();
console.log(plainText);

获取外层HTML（包含自身标签）

默认.html()仅返回元素内部内容。如需包含元素自身标签，可通过outerHTML属性实现：

var outerHtml = $('#container')[0].outerHTML;
console.log(outerHtml);

动态修改HTML内容

.html()方法也可用于设置内容。传入字符串参数即可替换目标元素内部HTML：

$('#container').html('<p>New content with <strong>bold text</strong></p>');

注意事项

• 若选择器匹配多个元素，.html()仅返回第一个元素的内部HTML。
• 对空元素或不存在元素调用.html()会返回null。
• 修改HTML时需防范XSS攻击，避免直接插入用户输入的未过滤内容。