css - 从 html 页面中提取类/id

Question

我需要为现有的 html 页面创建一个 css 样式表。有没有简单的方法可以使用脚本提取所有类和ID...我熟悉python、java、c、javascript 和php。有这些语言的库吗？对我来说似乎有点过分了。感谢您的帮助。

干杯!

Answer 1

检索每个元素的 id 的最简单方法是简单地迭代具有 id 的元素，然后检索:

var idEls = document.querySelectorAll('*[id]'),
    ids = [];

for (var i=0, len=idEls.length; i<len; i++){
    ids.push(idEls[i].id);
}

覆盖那些不实现querySelectorAll()的浏览器的一种方法是创建每个元素的nodeList，然后迭代它(可能非常大) nodeList，测试id，如果存在，则将其插入数组:

var els = document.getElementsByTagName('*'),
    ids = [];

for (var i=0, len=els.length; i<len; i++){
    if (els[i].id){
        ids.push(els[i].id);
    }
}