从html页面中提取类/ ID

时间:2012-08-03 11:03:30

标签: css dom html-parsing

我需要为existshng html页面创建一个css样式表。有没有简单的方法来使用脚本提取所有类和ID ...我熟悉python,java,c,javascript和php。这些语言有没有图书馆?对我来说有点矫枉过正。感谢任何帮助。

喝彩!

2 个答案:

答案 0 :(得分:4)

检索每个元素的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);
    }
}

答案 1 :(得分:3)

使用jquery,遍历元素并获取id和类

$('html *').each(function(){
  console.log($(this).attr('id'), $(this).attr('class'))
})