微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

我想知道如何解析搜索返回的 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.要进行现场演示,请在我的个人资料中访问我的网站,然后在右上角点击网站选项.

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。