2

我正在尝试制作一个现在看起来像这样的简单用户脚本：

var i, sig = document.getElementsByClassName('after_content');
for (i = 0; i < sig.length; i++)
    {
        var str = sig[i].innerHTML;
        var n = str.replace("<div style='height:250px;overflow: auto;", "<div style='height:100%;overflow:visible;");
    }

我试图这样做以查看它是否输出了我想要输出的正确内容；

var i, sig = document.getElementsByClassName('after_content');
for(i = 0; i < sig.length; i++) {
    console.log(sig[i].innerHTML);
}

它会输出类中的内容，我想编辑其中的一小部分。但是当我尝试发布的第一个代码（str.replace one）时，它不会编辑它。

after_content 包含的内容：

    <div class="after_content">     
        <div style="height:250px;overflow: auto;">
            <blockquote class="signature restore"><div class="signaturecontainer">signature here</div></div></blockquote>
        </div>      
    </div>      
    <div class="cleardiv"></div>
</div>

我要编辑的 ^ 行是；

<div style="height:250px;overflow: auto;">

.. 一。

我真的很感激帮助。提前致谢。

4

1 回答 1

0

这是一个很好的问题，但是由于您使用的是 javascript，因此我认为您应该使用 jQuery 来执行此操作。

首先，在您的页面中包含 jQuery：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/latest/jquery.js" type="text/javascript"></script>

然后，当你准备好时，给所有你想要改变类的 div 类“div_class”（<div class="div_class" style="height:250px;overflow:auto;">...</div>）；

要使用 jQuery 更改 CSS，您只需执行以下操作：

$('.div_class').css({
    height:100%;
    overflow:visible;
});

jquery.com

这样做是原生 javascript，不需要导入更多的库（如 jQuery），只需这样做：

for (i = 0; i < sig.length; i++) {
    if (sig[i].style.height == "250px" && sig[i].style.overflow == "auto"){
        sig[i].style.height = "100%";
        sig[i].style.overflow = "visible";
    }
}

这是带有本机 JS 的代码的工作示例：http: //jsfiddle.net/gdSQW/3/

于 2013-09-23T11:10:37.480 回答