Javascript 从DOM获取HTML和元素样式

我有一个简单的问题——甚至可以从DOM中获取具有样式的元素HTML吗？我不需要任何jQuery对象，只需要所有样式的纯HTML

我会使用它，以防我有跨行的不同样式的网格，我希望得到html和样式，并将其发送到服务器，在那里我将在邮件正文中使用它-当然是编程的

有没有一种优雅的方法可以做到这一点

Tnx for answers

$.html（）（不带参数）的功能正好是：

根据页面上的示例：

<p>

  <b>Click</b> to change the <span id="tag">html</span>
</p>
<script>
  $("p").click(function () {
    var htmlStr = $(this).html();
    $(this).text(htmlStr);
  });
</script>

单击以更改html

$（“p”）。单击（函数（）{
var htmlStr=$（this.html（）；
$（this）.text（htmlStr）；
});

调用该函数时，htmlStr的内容为

<b>Click</b> to change the <span id="tag">html</span>

单击以更改html

（作为字符串）

$.html（）（不带参数）正好执行以下操作：

根据页面上的示例：

<p>

  <b>Click</b> to change the <span id="tag">html</span>
</p>
<script>
  $("p").click(function () {
    var htmlStr = $(this).html();
    $(this).text(htmlStr);
  });
</script>

单击以更改html

$（“p”）。单击（函数（）{
var htmlStr=$（this.html（）；
$（this）.text（htmlStr）；
});

调用该函数时，htmlStr的内容为

<b>Click</b> to change the <span id="tag">html</span>

单击以更改html

---

（作为一个字符串）

嗯，也许你误解了我的意思。看一看，我希望结果类似于

Lorem ipsum

而不仅仅是Lorem ipsum那么您希望将CSS中的样式添加到内联元素中吗？那是怎么回事？在那把小提琴里，没有什么颜色：红色要应用到。是的，我希望仅在HTML中获取网格视图-因此，如果我获取此HTML并将其粘贴到空HTML文件中并打开它，我将获得与原始web page.HTML中相同的视图，其中包含元素的所有样式。在这个（jsfiddle.net/vzddd/5）案例中：

Lorem ipsum

证明已经有人这样做了-请参见此链接。嗯，也许你误解我了。看一看，我希望结果类似于

Lorem ipsum

而不仅仅是Lorem ipsum那么您希望将CSS中的样式添加到内联元素中吗？那是怎么回事？在那把小提琴里，没有什么颜色：红色要应用到。是的，我希望仅在HTML中获取网格视图-因此，如果我获取此HTML并将其粘贴到空HTML文件中并打开它，我将获得与原始web page.HTML中相同的视图，其中包含元素的所有样式。在这个（jsfiddle.net/vzddd/5）案例中：

Lorem ipsum

证明已经有人这样做了-请参见此链接。