Converting HTML element to string in JavaScript JQuery

Question

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       lt iframe width  854  height  480  src  http   www youtube com embed gYKqrjq5IjU feature oembed  frameborder  0  allowfullscreen gt  lt  iframe gt    html      How can I do that another way

User · Answer

document body outerHTML  constructor will return String   take off  constructor and that s your string   That aughta do it

User · Answer

What you want is the outer HTML  not the inner HTML        lt some element  gt    0  outerHTML

User · Answer

you can just wrap it into another element and call html after that       lt div gt  lt iframe width  854  height  480  src  http   www youtube com embed gYKqrjq5IjU feature oembed  frameborder  0  allowfullscreen gt  lt  iframe gt  lt  div gt    html      note that outerHTML doesn t exist on older browsers but innerHTML still does  it doesn t exist for example in ff  lt  11 while it s still used on many older computers

User · Answer

You can do this    x000D   x000D  var  html       lt iframe width  854  height  480  src  http   www youtube com embed gYKqrjq5IjU feature oembed  frameborder  0  allowfullscreen gt  lt  iframe gt         x000D  var str    html prop  outerHTML    x000D  console log str   x000D   lt script src  https   ajax googleapis com ajax libs jquery 3 2 1 jquery min js  gt  lt  script gt  x000D   x000D   x000D    FIDDLE DEMO

User · Answer

Try a slight different approach     set string and append it as object var myHtmlString     lt iframe id  myFrame  width  854  height  480  src  http   www youtube com embed gYKqrjq5IjU feature oembed  frameborder  0  allowfullscreen gt  lt  iframe gt       body   append myHtmlString      as you noticed you can t just get it back var myHtmlStringBack       myFrame   html     alert myHtmlStringBack      will be empty  a bug in jquery   but       since an id was added to your iframe so you can retrieve its attributes back    var width       myFrame   attr  width    var height       myFrame   attr  height    var src       myFrame   attr  src    var myReconstructedString     lt iframe id  myFrame  width     width     height     height     src     src    frameborder  0  allowfullscreen gt  lt  iframe gt    alert myReconstructedString

[javascript] Converting HTML element to string in JavaScript / JQuery

Examples related to javascript

Examples related to jquery

Examples related to html