Chuyển đổi xml sang html javascript

Tạo một tài liệu XML

Sử dụng một trong các phương pháp sau để tạo tài liệu XML (là một ví dụ của

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

Phân tích chuỗi thành cây DOM

Ví dụ này chuyển đổi một đoạn XML trong một chuỗi thành một cây DOM bằng cách sử dụng một

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

const xmlStr = 'hey!';
const parser = new DOMParser();
const doc = parser.parseFromString(xmlStr, "application/xml");
// print the name of the root element or error message
const errorNode = doc.querySelector("parsererror");
if (errorNode) {
  console.log("error while parsing");
} else {
  console.log(doc.documentElement.nodeName);
}

Phân tích tài nguyên có thể định địa chỉ URL thành cây DOM

Sử dụng XMLHttpRequest

Đây là mã mẫu đọc và phân tích tệp XML có thể định địa chỉ URL thành cây DOM

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

Giá trị trong trường

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

Nếu tài liệu là HTML, mã được hiển thị ở trên sẽ trả về một

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

Ghi chú. Trên thực tế, cũng có một giao diện

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

Nối tiếp một tài liệu XML

Cho một

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

const serializer = new XMLSerializer();
const xmlStr = serializer.serializeToString(doc);

Sử dụng các phương pháp sau để tuần tự hóa nội dung của tài liệu XML mà bạn đã tạo trong phần trước

Tuần tự hóa cây DOM thành chuỗi

Đầu tiên, tạo cây DOM như được mô tả trong Cách tạo cây DOM. Ngoài ra, sử dụng cây DOM thu được từ

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

Để tuần tự hóa cây DOM

const serializer = new XMLSerializer();
const xmlStr = serializer.serializeToString(doc);

const serializer = new XMLSerializer();
const xmlStr = serializer.serializeToString(doc);

const serializer = new XMLSerializer();
const xmlStr = serializer.serializeToString(doc);

Tuần tự hóa các tài liệu HTML

Nếu DOM bạn có là một tài liệu HTML, bạn có thể sắp xếp theo thứ tự bằng cách sử dụng

const serializer = new XMLSerializer();
const xmlStr = serializer.serializeToString(doc);

const serializer = new XMLSerializer();
const xmlStr = serializer.serializeToString(doc);

const serializer = new XMLSerializer();
const xmlStr = serializer.serializeToString(doc);

const xhr = new XMLHttpRequest();

xhr.onload = () => {
  dump(xhr.responseXML.documentElement.nodeName);
}

xhr.onerror = () => {
  dump("Error while getting XML.");
}

xhr.open("GET", "example.xml");
xhr.responseType = "document";
xhr.send();

Kết quả là,

const serializer = new XMLSerializer();
const xmlStr = serializer.serializeToString(doc);

Làm cách nào để chuyển đổi XML sang HTML trong JavaScript?

Làm cách nào để chuyển đổi XML thành HTML?

Bạn có thể đưa XML vào HTML không?

Bạn có thể phân tích cú pháp XML bằng JavaScript không?