获取整个 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

编辑： 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

使用 outerHTML 而不是 src ：

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

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