javascript - 在 JavaScript 中解析 HTML ?

标签 javascript html parsing

全部

我有一个 HTML 输入:<h5><font face="times new roman, times, serif" size="7" style="color: #ff9696; ">Sample</font></h5> <ul> </ul>

我想提取所有内容并传递给 JavaScript 变量。例如, 字体名称、大小、样式颜色。我可以使用正则表达式吗?

我已经尝试过但没有用:

<html>

    <script>
        var input = '<h5><font face="times new roman, times, serif" size="7" style="color: #ff9696; ">Krishanthan</font></h5> <ul> </ul>';
        var div = document.createElement('div');

        div.innerHTML = input;

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

        alert(text);
    </script>

</html>

请给我一些建议...

谢谢。

最佳答案

您的想法是正确的,但您将 size 视为元素,而实际上它是 font 元素的属性

var input = '<h5><font face="times new roman, times, serif" size="7" style="color: #ff9696; ">Krishanthan</font></h5> <ul> </ul>';
var div = document.createElement('div');

div.innerHTML = input;

var fontEl = div.getElementsByTagName('font')[0];
var size = fontEl.getAttribute('size');

alert(size);

关于javascript - 在 JavaScript 中解析 HTML ?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11978401/

相关文章:

JavaScript 替换所有奇怪的行为

javascript - Angular 中的 nvd3 图表抛出 TypeError : tickExit. 调用不是函数

javascript - 如何使用 jquery 或 javascript 获取单选按钮 Id 值

javascript - .click 不适用于动态加载的表单

html - CSS 格式不适用于表格边框

Python xml解析问题

javascript - 我如何将数据从组件A发送到组件B Angular 2

html - 每个表单元素 <label>+&lt;input&gt; 在没有 <div> 的新行上

java - 如何将带逗号的字符串转换为整数和 double

javascript - PEG.js 输入端出现问题