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属性。

＆＃13;

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

＆＃13;

<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"/>

＆＃13;

Answer 3

使用outerHTML代替src：

＆＃13;

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

＆＃13;

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

＆＃13;

获取完整的img标签Javascript

3 个答案: