解析Javascript中的特定HTML标记 [英] Parsing specific HTML tags in Javascript

问题描述

我正在寻找可解析以下HTML的Javascript:

I'm looking for the Javascript to parse the following HTML:

<p>random text random text random text random text</p>
<kbd><h2>Heading One</h2>Body text Body text Body text Body text</kbd>
<p>random text random text random text random text</p>

...并仅返回:

Heading One

换句话说，我想从<kbd>标签中剥离所有标签和正文.

In other words, I'd like to strip all tags and Body Text from within the <kbd> tags.

任何想法将不胜感激！

推荐答案

var input = /* that HTML string here */;
var div = document.createElement('div');

div.innerHTML = input;

var h2 = div.getElementsByTagName('h2')[0];
var text = h2.innerText || h2.textContent;

alert(text); // alerts "Heading One"

参考:

• document.createElement
• innerHTML
• element.getElementsByTagName
• Node.textContent (

  Reference:

  • document.createElement
  • innerHTML
  • element.getElementsByTagName
  • Node.textContent (Quirksmode compatibility table)
  • http://jsfiddle.net/mattball/vaVPF/

  这篇关于解析Javascript中的特定HTML标记的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！