タグ名や属性などのタグの内容を文字列としてどのように表示しますか？

Question

さて、DOMのイントロスペクションを使用して、DOMの現在の状態を再帰的に分析し、別の場所に表示される単一の書式設定された文字列として返すことでした。 標準のDOM関数またはJQueryで十分です。 は、これまでのところ、私はそれがノードオブジェクト自体を返す、または未定義するか、これらのいずれかを試してみてください

var txt = $("body").tagName; 
var txt = $("body").get(); 
var txt = $("body").nodeName; 
var txt = new String($("body").tagName); 

のようなものなど
毎回を試してみました。 どうすればbodyや< body>のような文字列を得ることができるのですか？オブジェクト自体の代わりに返されますか？
そのため、文字列として返される属性の名前と値はどのように取得されますか？

Answer 1

var txt = $("body")[0].tagName;

注：それは大文字レタリングではtagNameを返します。

Answer 2

タグ名を取得するには、$（ "body"）[0] .tagName;

オブジェクト内の要素の属性を取得するには、次のようにします。$（ "body"）[0] .attributes;そのオブジェクトをループして、キーと値のペアを取得します。

Answer 3

document.getElementsByTagName("div")[0].tagName for generic。

Answer 4

あなたはnはjQueryオブジェクト内のn番目の要素であることのDOMプロパティ、見たい場合はjQueryオブジェクトから、元のDOMノードを取得するためにget(n)を使用する必要があります。

nodeNameは、ノードの名前を大文字で取得し、getAttribute('attributeName')または単に.attributeNameを使用して属性の値を取得できます。

// Contrived example; returns BODY 
var n = document.body.nodeName; 

// Get the value of an attribute from an element 
var n = document.getElementById('id').title; 

// Unsupported attribute's value need to be obtained through `getAttribute` 
var n = document.getElementById('id').getAttribute('placeholder'); 

DOM関数とプロパティの完全なリストについては、この表を見てみましょう。他の属性の挿入のために

var txt = $("body").attr("tagName"); //returns "BODY" (uppercase) 

：jQueryのを使用してhttp://www.quirksmode.org/dom/w3c_core.html

Answer 5

uがこのようなオブジェクトのタグを取得することができます属性の名前：

var txt = $("div").attr("class"); //returns class of the div 
var txt = $("a").attr("title"); //returns title of the anchor 

.attr（）メソッド：http://api.jquery.com/attr/