Браузер воспринимает html код как текст

[slapit]

Есть такой код: 

<div onclick="this.replaceWith('<iframe src=\'https://www.facebook.com/plugins/video.php?autoplay=1&href=https%3A%2F%2Fwww.facebook.com%2Fsmotriwow%2Fvideos%2Fvb.378858835552346%2F834370963334462%2F%3Ftype%3D3&show_text=0&width=715&height=400\' width=\'715\' height=\'400\' style=\'border:none;overflow:hidden\' scrolling=\'no\' frameborder=\'0\' allowTransparency=\'true\'  allowFullScreen=\'true\'></iframe>');"><img alt="Десерт" src="http://ktonanovenkogo.ru//wp-content/uploads/video/image/10.jpg" width="100%"></div>

Но почему то он при клике заменяет картинку на код фрейма. В оригинале кода где я его брал было $(this) но так у меня не работало вообще ничего (кто сможет объяснить почему буду благодарен) и оставил просто this. Теперь картинка уже меняется но не на фрейм видео а на сам код. Пример: http://vyacheslavdanilov.ru/urok-7-zhirnyj-i-kursivnyj-tekst/    

[NotCreative]

Было $(this) из-за того, что используется JQuery. И функция replaceWith тоже из JQuery.

Он у вас подключен?

А вообще лучше это вынести в функцию.

Посмотрите как красиво выглядит пример здесь:

https://ruseller.com/jquery.php?id=42

По аналогии сделайте и всë

Edited July 25, 2017 by NotCreative