显示或隐藏客户端页面中包含指定文字的DIV 标签

来源：互联网发布：ubuntu改成中文编辑：程序博客网时间：2024/05/01 15:55

近日研究使用SlickUpload做大文件上传。未授权的版本在页面右下角显示授权信息。
查看页面源文件，发现有如下一段代码：
<div style="z-index:99999;background-color:#265ecf;border-top:1px solid #37b0e5;border-right:1px solid #37b0e5;position:absolute;right:0;bottom:0;margin:0;padding:.25em .5em .25em .5em;font-size:80%;background-image:url('http://krystalware.com/SlickUpload.ashx?version=3.1.0.37395')">
<a href="http://krystalware.com/Products/SlickUpload/" style="color:#ffffff;text-decoration:none;" target="_top" onmouseover="this.style.textDecoration='underline'" onmouseout="this.style.textDecoration='none'">
Powered By SlickUpload Evaluation Version
</a>
</div>

于是编写下面的一个函数，试图把它隐藏起来

// ------------------------------------------------------
// 功能：显示或隐藏客户端页面中包含指定文字的 DIV 标签
// 参数：pcSearchText 搜索 DIV 标签中的包含的文本
//   plVisible   显示/隐藏(true/false)
// ------------------------------------------------------
function DIV_SetVisible( pcSearchText, plVisible )
{
    var nLoop;
    var aryDiv = document.getElementsByTagName("DIV");
    var curDiv, cInnerHtml ;

    for ( nLoop = 0; nLoop< aryDiv.length; nLoop ++ )
    {
        curDiv = aryDiv.item( nLoop ) ;
        cInnerHtml = curDiv.innerHTML;
        if ( cInnerHtml.indexOf( pcSearchText ) >= 0 )
        {
            if ( "style" in curDiv ) // 检查对象属性
            {
                curDiv.style.display = plVisible ? "" : "none";
                // curDiv.style.backgroundColor="#ededed";
                // curDiv.style.borderTop="0px solid #37b0e5"
                // curDiv.innerHTML = "";
            }
        }
    }
}

在SlickUpload提供的例子文件当中加入下面的代码，实现了预期的目标，

虽然页面的源代码中还有上面的授权信息。

其实，上面定义的函数，稍加改造，即可实现页面特定标签、特定Style属性的动态修改功能。

另外，检查style对象属性是多余的。但因为是新学习到的，暂且保留备忘吧。

参考信息：
SlickUpload
http://krystalware.com/Products/SlickUpload/

Style 属性
http://www.comptechdoc.org/independent/web/cgi/javamanual/javastyle.html

检查对象属性
http://blog.donews.com/chouchy/archive/2006/05/28/892651.aspx

遍历div
http://bbs.blueidea.com/thread-2171935-1-1.html