查看页面源文件,发现有如下一段代码:
<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" οnmοuseοver="this.style.textDecoration='underline'" οnmοuseοut="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提供的例子文件当中加入下面的代码,实现了预期的目标,
虽然页面的源代码中还有上面的授权信息。
<script type="text/javascript">
DIV_SetVisible( "Powered By SlickUpload", false )
</script>
其实,上面定义的函数,稍加改造,即可实现页面特定标签、特定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