如何用Javascript解析HTML

JavaScript014

如何用Javascript解析HTML,第1张

你好,javascript中解析html有三种方式,分别是

1.通过类名获取html元素集合,返回的是html元素集合,document.getElementsByClassName()

2.通过name属性值获取元素集合,返回的dom对象的集合,document.getElementsByName()

3.通过id属性获取dom对象,document.getElementById()

还有一些获取dom的特殊用法,比如获取表格,表格行列的操作等等

希望可以帮助到你

parser=new DOMParser()htmlDoc=parser.parseFromString(txt, "text/html")//Do whatever you want with htmlDoc.getElementsByTagName('a')

根据MDN,要在Chrome中这样做,如下所示:

parser=new DOMParser()htmlDoc=parser.parseFromString(txt, "text/xml")//Do whatever you want with htmlDoc.getElementsByTagName('a')

Webkit目前不支持它,而且在大多数情况下,在移动浏览器上工作是未知的。

一般可以用原生js及jQuery获取html元素的值。

1

<div id="test">数值</div>

原生js写法:

alert(document.getElementById('test').innerHTML)//数值

jQuery写法:

alert($('#test').html())//数值

说明:

innerHTML是取元素的内部html代码,此例中即div内部的所有html代码

html()方法作用也是取dom节点的内部html内容,是jQuery中的函数方法