在JavaScript / JQuery中将HTML元素转换为字符串 [英] Converting HTML element to string in JavaScript / JQuery

问题描述

我想在经过一些修改后将从字符串创建的html元素转换回字符串。但是我得到一个空字符串。

  $（'< iframe width =854height =480src = http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembedframeborder =0allowfullscreen>< / iframe>'）。html（）; 
  

我该如何做另一种方式？

var $ html = $（'< iframe width =854height =480src =http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembedframeborder =0allowfullscreen> < / iframe中>'）; var str = $ html.prop（'outerHTML'）; console.log（str）;

 < script src =https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js>< / script>  

FIDDLE DEMO

I would like to convert a html element created from a string back to the string after some modifications. But I get an empty string instead.

$('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>').html();

How can I do that another way?

解决方案

You can do this:

var $html = $('<iframe width="854" height="480" src="http://www.youtube.com/embed/gYKqrjq5IjU?feature=oembed" frameborder="0" allowfullscreen></iframe>');    
var str = $html.prop('outerHTML');
console.log(str);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

FIDDLE DEMO

这篇关于在JavaScript / JQuery中将HTML元素转换为字符串的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！