Question

整个文件：

<!doctype html>
<html>
<head>
<meta charset='utf-8'/>
<title>DATA</title>
<link href='img/fav.png' rel='icon'>
<link href='index.css' rel='stylesheet'>
</head>

<body>
<div id="btnsave">SAVE</div>
<div class="test active">323</div>
<div class="test">525</div>
<div class="test">727</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="index.js"></script>

</body>
</html>

index.js

$(".test").click(function(){
    $(this).attr("contenteditable","true");
});

点击525并更改为959，然后点击btnsave。

$("#btnsave").click(function(){
var content = $("html").html();
console.log(content);
});

控制台在没有html标签的情况下写入内容。如何获取包含html代码的内容？
内容是使用旧525而不是新959编写的。如何获取页面的新内容？

Answer 1

您必须使用该节点的outerHTML属性

$("#btnsave").click(function(){
  var content = $("html")[0].outerHTML;
  console.log(content);
});

Jquery＆＃39; .html()将返回该元素的innerHTML。

如何更改整个页面的内容

1 个答案: