【问题标题】:Get HTML and styles of element from DOM从 DOM 中获取元素的 HTML 和样式
【发布时间】:2023-03-14 13:04:01
【问题描述】:

我有一个简单的问题 - 是否可以从 DOM 中获取元素的 HTML 样式?我不需要任何 jQuery 对象,只需要包含所有样式的纯 HTML。

如果我有跨行不同样式的网格,我会使用它,我想获取该 html 和样式并将其发送到服务器,我将在邮件正文中使用它 - 当然是编程方式。

有没有优雅的方法来做到这一点?

Tnx 寻找答案

【问题讨论】:

    标签: javascript html styles


    【解决方案1】:

    $.html()(不带参数)正是这样做的:http://api.jquery.com/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>
    

    函数调用时,htmlStr的内容为

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

    (作为字符串)

    【讨论】:

    • 嗯,也许你误会了我。看看jsfiddle.net/vzddd/5 我希望#result 类似于

      Lorem ipsum

      而不仅仅是 Lorem ipsum
    • 那么您希望将 CSS 中的样式添加到内联元素中吗?这将如何工作 - 在那个小提琴中没有任何东西可以应用 color: red;
    • 是的,我想在 HTML 中获取网格视图 - 所以如果我得到这个 html 并将它粘贴到空的 html 文件中并打开它 - 我会得到与原始网页相同的视图。
    • HTML 中包含元素的所有样式。在这个(jsfiddle.net/vzddd/5)案例中:

      Lorem ipsum

    • 原来有人已经这样做了 - 请参阅此链接。 stackoverflow.com/questions/754607/…
    猜你喜欢
    • 2015-02-24
    • 2017-10-19
    • 2017-06-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多