Question

我找到了一种通过XML获取Google建议的方法，它的地址如下：

我的问题是，在使用输入字段进行重新调整时，如何将XML显示为正确的HTML ul / li。因此，输入输入字段将获得XML列表并将其显示为常规HTML列表。

Answer 1

您可以使用XSLT

MDN documentation

但是你会遇到这样的问题：你不能简单地在Internet Explorer中将XML导入HTML。

因此，为了您的目的，只需重复相关的Node s

var xml = new DOMParser( ).parseFromString(/*xml string*/,"text/xml") ;

var l1 = xml.getElementsByTagName("suggestion") ;
var l2 = xml.getElementsByTagName("num_queries") ;

var d = document.createElement("div") ;

    if(l1.length === l2.length) {

         for(var i = 0, u, s, q , e; i < l1.length ; i++) {

             u = document.createElement("ul") ;
             d.appendChild(u) ;

             s = l1[i] ;
             q = l2[i] ;

             e = document.createElement("li") ;
             e.appendChild(  document.createTextNode( s.getAttribute("data") )  ) ;
             u.appendChild(e) ;

             e = document.createElement("li") ;
             e.appendChild(  document.createTextNode( q.getAttribute("int") )  ) ;
             u.appendChild(e) ;

        }

    }

document.getElementsByTagName("body")[0].appendChild(d) ;

Preview on JSBin

Answer 2

如果您尝试将JavaScript包含在XML中，那么您需要：https://stackoverflow.com/a/1451526/1065429

如果您只想显示带有项目符号点的文本，请使用CSS：display：list-item

如何在jquery / JavaScript中使用Google XML建议

2 个答案: