将XML解析为XHTML以应用CSS的最简单方法

发布时间：2020-12-16 22:43:56 所属栏目：百科来源：网络整理

导读：我想知道如何解析搜索返回的 XML文档,以便我可以在网站上用CSS设置它们的样式.我假设我需要首先将XML转换为xhtml,然后相应地设置元素的样式.我需要他们来显示xhtml. 有谁知道最简单的方法吗？我知道使用CSS直接构造XML并不是一种好习惯,这就是为什么我认为必

我想知道如何解析搜索返回的 XML文档,以便我可以在网站上用CSS设置它们的样式.我假设我需要首先将XML转换为xhtml,然后相应地设置元素的样式.我需要他们来显示xhtml.

有谁知道最简单的方法吗？我知道使用CSS直接构造XML并不是一种好习惯,这就是为什么我认为必须有一个javascript解决方案.

任何见解都会很棒,谢谢！

解决方法

如果您通过AJAX导入XML,那么您只需要做几件关键事情……

1.)父级元素需要一个XML命名空间……

<div id="ajax_search_result1" xmlns="http://www.w3.org/1999/xhtml">

2.)使用W3C标准方法(appendChild,importNode,responseXML)和非专有Microsoft方法(innerHTML,responseText)或您的应用程序将被视为记事本文本而不是实际应用程序.这大致是代码的样子……

if (window.XMLHttpRequest) {var xmlhttp = new XMLHttpRequest();}
else if (window.ActiveXObject) {try {xmlhttp = new ActiveXObject('Msxml2.XMLHTTP')} catch (e) {try{xmlhttp = new ActiveXObject('Microsoft.XMLHTTP')} catch (e){}}}

xmlhttp.open('GET',url,true);
xmlhttp.send(null);

xmlhttp.onreadystatechange=function()
{
 if (xmlhttp.readyState=='4')
 {
  var xmlDoc=xmlhttp.responseXML;
  document.importNode(xmlDoc.getElementsByTagName('div')[0],true),id_container_obj);
 }

通过使用正确的代码,您可以毫无疑问地设计导入的XHTML.要进行现场演示,请在我的个人资料中访问我的网站,然后在右上角点击网站选项.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!