在JavaScript中，outerHTML和innerHTML是两个常用的属性，它们都可以用来访问和操作HTML文档中的元素。
outerHTML是一个只读属性，它可以用来访问元素的完整HTML代码，包括元素本身及其所有子元素。例如，如果我们有一个<div>元素，它包含一个<p>元素，我们可以使用outerHTML属性获取这个<div>元素的完整HTML代码：
let div = document.getElementById('div');
let html = div.outerHTML;
console.log(html); // "<div id="div"><p>This is a paragraph.</p></div>"
innerHTML是一个可读写属性，它可以用来访问和修改元素的内部HTML代码，但不包括元素本身及其子元素。例如，如果我们有一个<div>元素，它包含一个<p>元素，我们可以使用innerHTML属性获取这个<div>元素的内部HTML代码：
let div = document.getElementById('div');
let html = div.innerHTML;
console.log(html); // "<p>This is a paragraph.</p>"
我们也可以使用innerHTML属性来修改元素的内部HTML代码，例如，我们可以将<div>元素的内部HTML代码替换为一个<span>元素：
let div = document.getElementById('div');
div.innerHTML = '<span>This is a span.</span>';
outerHTML和innerHTML都是JavaScript中常用的属性，它们可以用来访问和操作HTML文档中的元素。其中，outerHTML只读，可以用来获取元素的完整HTML代码；而innerHTML则可读写，可以用来访问和修改元素的内部HTML代码。
本文链接：http://task.lmcjl.com/news/13019.html