获取<section>标记的内容，包括html标记并将其存储在变量</section>中

Question

考虑以下某些HTML代码的细分部分：

<section id ="test" contenteditable="true" ... >
    <h3> This is a header </h3>
    <p> Some stuff in here </p>
    <p> Some more stuff here </p>
</section>

如何从该部分获取<h3> and <p>元素并将其存储在变量中？

E.g。

var result = "<h3> This is a header </h3> <p> Some stuff in here </p> <p> Some more stuff here </p>" 

还有可能获得换行等吗？

我尝试过使用jquery .val()和JS document.getElementByID(..)，但他们都完全返回了section元素。

Answer 1

使用jquery

var result = $('#test').html(); 

或javascript

var result = document.getElementByid('test').innerHTML;

Answer 2

试试这个

$('#test').html()

还要检查此fiddle