在 html div 中显示 XML 格式的数据答案

【问题标题】：Display XML format data in html div在 html div 中显示 XML 格式的数据
【发布时间】：2017-11-06 02:41:27
【问题描述】：

我需要显示一个XML格式的数据，从数据库中取出来显示在一个分区中。但它没有显示 xml 标签。有没有办法通过div中的标签获取xml数据？

我需要的xml如下：

<Name>public</name><Number>848065065639AuthDemoClient:STGKSITM01:20140109052539707</Number><Ret>y</Ret><Tmestamp>2014-01-09T17:22:15.318+05:30GCSD017263</timestamp>

但它的显示如下：

public848065065639AuthDemoClient:STGKSITM01:20140109052539707y2014-01-09T17:22:15.318+05:30GCSD017263

请提出解决方案

【问题讨论】：

stackoverflow.com/a/10498334/4229270，或者如果你使用的是PHP，也可以使用
```
XML内容
```
。
我正在使用 java
查看stackoverflow.com/q/139076/4229270
我认为<pre> 标签就足够了。如果您的 HTML 页面上有 XML 数据，只需检查一下。 <pre>XML content</pre>
stackoverflow.com/a/10498334/4229270, stackoverflow.com/a/4272532/4229270

标签： java html xml

【解决方案1】：

在您的 HTML 中，您可以尝试在如下文本区域中显示它，它将显示 XML，因为它是 JsFiddle Example

<div>
<textarea rows="20" cols="40" style="border:none;" disabled>
    <?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
    <cd>
        <title>Empire Burlesque</title>
        <artist>Bob Dylan</artist>
        <country>USA</country>
        <country>Columbia</country>
        <price>10.90</price>
        <year>1985</year>
    </cd>
</catalog>
</textarea>

【讨论】：

【解决方案2】：

尝试创建这样的样式

<head>
  #xml   { padding-left: 20pt; background-color: #ffffb3; color: #990000; font-size: 14px; font-family: Courier New, Lucida Sans Typewriter, Lucida Typewriter, monospace; font-weight: 600; white-space: pre; }
</head>

然后在

中引用

<textarea id=xml rows="20" cols="40" style="border:none;" disabled>

重要的是'white-space: pre'...

【讨论】：