flippant.js不提取html。 改為顯示[object HTMLDivElement]

Question

我正在嘗試創建一個翻轉的模式。 前面的模態顯示良好，但是后面的模態僅顯示[object HTMLDivElement]，而不顯示模態。

<script type='text/javascript'>
    $('#introModal').modal('show');
    window.onload = function () {
    function flip() {

        var front = document.getElementById('introModal');
        var back_content = document.getElementById('backModal'); // Generate or pull any HTML you want for the back.
        var back;

        // when the correct action happens, call flip!
        back = flippant.flip(front, back_content)
        // this creates the back element, sizes it and flips it around.

        // call the close method on the back element when it's time to close.
    }

    document.getElementById('testbutton').onclick = flip;
};
</script>

Answer 1

然后為其提取html :)

var back_content = $('#backModal').html()

要么

var back_content = document.getElementById('backModal').innerHTML;

要么

var back_content = document.getElementById('backModal').outerHTML;