完全なimgタグを取得するjavascript

Question

imgタグ全体を取得する方法はありますか？ これは私のコードですが、これは私にsrcを与えるだけです。私は、全体のimgタグを取得し、文字列に入れたいのですが、ページをロードするときに、私はそれを使用することができ、画像のロードして HTML：

<img id="1" src="http://www.underconsideration.com/brandnew/archives/google_2015_logo_detail.png"/> 

Javascriptを：

var html = document.getElementById('1').src; 
alert(html); 

Answer 1

ドン次に.srcプロパティを尋ねると、要素全体が取得されます。そこから、outerHTMLプロパティにアクセスして要素を文字列に変換できます。

// Get the element as a string 
 
var elem = document.querySelector("img").outerHTML; 
 

 
// For testing, show the type of content we now have (string) 
 
// followed by the content itself 
 
console.log(typeof elem, elem);

<img id="youtubeimg" src="http://i1.ytimg.com/vi/VK4ah66jBvE/0.jpg"/>

Answer 2

EDIT：1次のコード溶液jQueryのに使用されます。

Jqueryを使用する場合、右のセレクタを選択する必要があります.IDセレクタを使用している場合は$("#1")を使用できます。その後、完全なタグを選択するには、outerHTMLプロパティを使用できます。

var element = $("#1"); 
 
console.log(element.prop('outerHTML'))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<img id="1" src="http://www.underconsideration.com/brandnew/archives/google_2015_logo_detail.png"/>

Answer 3

代わりsrcの使用outerHTML：

var wrapper = document.getElementById('img1'); 
 
alert(wrapper.outerHTML);

<img id="img1" src="https://www.underconsideration.com/brandnew/archives/google_2015_logo_detail.png"/>