Как отобразить xml в javascript?

Одним из способов было бы использовать два элемента iframe с атрибутом src, установленным в соответствующий файл XML, доступный с сервера (при условии, что он предоставляется через виртуальный каталог):

<iframe src = "/myapp/Document1.xml"><iframe src = "/myapp/Document2.xml">

В качестве альтернативы вы потенциально можете использовать запрос типа AJAX для извлечения XML-документов, а затем динамически встраивать их в HTML-документ, используя что-то вроде:

getElementById("myDiv").innerText = ajax.response;

Если вы хотите, чтобы ваш XML был браузер для рендеринга как XML, он должен быть в собственном документе, например iframe или frame. DIV не справится!

Кроме того, в заголовке HTTP запроса, обслуживающего iframe, вы должны отправить Content-Type: text/xml, чтобы браузер мог понять, что этот контент является XML.

Но, если вам действительно нужно увидеть это в DIV, вам придется самостоятельно создать функцию рендеринга XMLXML2HTML. Вы можете использовать для этого тег HTMLPRE, если ваша строка XML уже отформатирована (разрывы строк и табуляции). В этом случае вам придется заменить < на > в строке XML.

Заключение:The browser не может отображать XML и HTML в одном документе. Если вам это нужно, вам просто нужно это исправить.

Вот вам функция:

<script type = "text/javascript">
<!--
    function xml_to_string(xml_node)
    {
        if (xml_node.xml)
            return xml_node.xml;
        else if (XMLSerializer)
        {
            var xml_serializer = new XMLSerializer();
            return xml_serializer.serializeToString(xml_node);
        }
        else
        {
            alert("ERROR: Extremely old browser");
            return "";
        }
    }

    // display in alert box
    alert(xml_to_string(my_xml));

    // display in an XHTML element
    document.getElementById("my-element").innerHTML = xml_to_string(my_xml);
-->
</script>

Проблема в том, что вам нужно экранировать символы, которые HTML-синтаксический анализатор будет интерпретировать как разметку: <,>, &, а в некоторых случаях "и"

Базовый JavaScript не предоставляет вам этого, но многие дополнительные библиотеки предоставляют.

Например, у Prototype есть: http://www.prototypejs.org/api/string/escapeHTML

Если вы не хотите использовать весь JavaScript-фреймворк только для этого ...

function insertLiteral(literalString, targetElement)
{
    var textNode = document.createTextNode(literalString);
    targetElement.appendChild(textNode)
    return textNode;
}

// test it (for the example, I assume #targetDiv is there but empty)
var xmlString = "<this><is_some><xml with='attributes' /></is_some></this>";
var targetElement = document.getElementById("targetDiv");
var xmlTextNode = insertLiteral(xmlString, targetElement);

#targetDiv можно стилизовать с помощью CSS:

#targetDiv {
  font-family: fixed;
  white-space: pre;
}

Получите ваш XML с помощью Ajax и просто поместите результат в textarea. Стилизуйте текстовое поле как хотите.

Это самый простой способ отображения XML в виде текста на той же странице для копирования и вставки:

var xml = document.getElementById('svg_element').innerHTML;
document.getElementById('svg_pre').innerText = xml;