如何从HTML获取详细信息

时间:2016-01-06 09:12:56

标签: javascript

我有一个存储在变量中的html,我想使用JavaScript从html获取详细信息。我该怎么办?

以下是我的HTML

<html>
    <body>
        <p>1. Heat the butter<br/>2. Add the onions<br/></p>
   </body>
</html>

2 个答案:

答案 0 :(得分:1)

创建一个DOM元素并将其innerHTML设置为您拥有的HTML字符串,然后您就可以解析它的HTML组件。

&#13;
&#13;
var _html = '<html><body><p>1. Heat the butter<br/>2. Add the onions<br/></p></body></html>';
var el = document.createElement('html');
el.innerHTML = _html;

var _el = el.getElementsByTagName('p');
alert(_el[0].innerHTML);
&#13;
&#13;
&#13;

答案 1 :(得分:0)

问题不是很清楚。 如果您附加包含此html的字符串,您可以使用简单的dom api功能(querySelector等)来获取信息。

如果它只是一个字符串,你应该使用javascript字符串方法或正则表达式从字符串中删除你想要的内容。

您可以找到正则表达式教程here,对于queryselector check here,可以找到javascript字符串方法here 如果你澄清你的问题,我可以进一步帮助