我正在尝试通过JavaScript/CSS修改页面(很像Fashionable或Greasemonkey一样)。这是一个非常复杂的页面(我没有构建或无法修改预渲染),这使得构造CSS选择器变得很困难(手动查看文档结构)。我该如何实现?

最佳答案

在安装了FireBug的情况下使用FireFox。

  • 右键单击任何元素
  • 选择“检查元素”
  • 右键单击HTML树
  • 中的元素
  • 选择“复制XPath”或“复制CSS路径”

  • 此答案的永久链接的输出(XPath):



    CSS路径:



    但是关于这个评论:



    如果这是您的意图,则可能有一种更简单的JavaScript方法:
    var uniquePrefix = 'isThisUniqueEnough_';
    var counterIndex = 0;
    function addCssToElement(elem, cssText){
        var domId;
        if(elem.id)domId=elem.id;
        else{
            domId = uniquePrefix + (++counterIndex);
            elem.id = domId;
        }
        document.styleSheets[0].insertRule("#"+domId+"{"+cssText+"}");
    }
    

    对于不同的浏览器,最后一行可能需要不同地实现。没有测试。

    08-19 11:01