当前位置 : 主页 > 网页制作 > xml >

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

来源:互联网 收集:自由互联 发布时间:2021-06-13
我想知道如何解析搜索返回的 XML文档,以便我可以在网站上用CSS设置它们的样式.我假设我需要首先将XML转换为xhtml,然后相应地设置元素的样式.我需要他们来显示xhtml. 有谁知道最简单的
我想知道如何解析搜索返回的 XML文档,以便我可以在网站上用CSS设置它们的样式.我假设我需要首先将XML转换为xhtml,然后相应地设置元素的样式.我需要他们来显示xhtml.

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

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

d

如果您通过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.要进行现场演示,请在我的个人资料中访问我的网站,然后在右上角点击网站选项.

网友评论