​x
 
<!DOCTYPE html>
<html>
<body>
​
<h1>设置 outerText</h1>
​
<p>设置 outerText 时，整个元素都会被替换。</p>
​
<p>单击按钮更改（和删除）h1 元素：</p>
​
<button onclick="myFunction()">修改标题</button>
​
<script>
function myFunction() {
  var x = document.getElementsByTagName("h1")[0];
  x.outerHTML = "Changed content!";
}
</script>
​
</body>
</html>
​