javascript - jquery または任意の優先ライブラリを使用して、ドキュメントに含まれるすべての要素とそれらの現在の値を取得します。

Question

を使用してページからDOM全体を取得しようとしています

document.getElementsByTagName('html')[0].innerHTML

inputsしかし、、、、などtextareasの現在の値が取得されないことに気付きましたselects...

現在の値も取得する方法はありますか? 基本的に、現在の状態でページのスナップショットを撮りたいと思っています。

私はJQueryを見てきましたが、どちらも理想的なソリューションではないようです.each...serialize

score 3 · Accepted Answer

まず、すべてのフォーム入力の値をvalue属性に移動します。

$(':input').each(function(){
    $(this).attr('value', this.value);
});

次に、コードを使用します。

document.getElementsByTagName('html')[0].innerHTML
// Or the jQuery way:
$('html').html()

score 1 · Accepted Answer

このようなことを試して、jQueryを介してDOMに含まれるすべての要素を選択することができます

 $(document).Ready(function(){
 //select all the document in the DOM
  $("*");
 });

2 に答える 2