1.隐藏页面上有id的控件
2.隐藏页面上无控件包含的文字
只隐藏没有控件的文字
黑色头发:http://heisetoufa.iteye.com/
var input = document.getElementsByTagName("input"); //获取页面所有input
for(var i=0;i<input.length;i++)
{
if(input.item(i).id.indexOf("txt") >= 0 )//判断input的id中是否包含txt字符串
{
document.getElementById(input.item(i).id).style.display = "none";//隐藏控件
}
}
2.隐藏页面上无控件包含的文字
<BODY>
把文字全隐藏
<input type = button value="隐藏">
<span id="aaacText">隐藏</span>
<span id="aaacText">隐藏</span>
<span id="aaacText">隐藏</span>
<span id="aaacText">隐藏</span>
<span id="aaacText">隐藏</span>
<table border = 1 >
<tr><td>隐藏</td></tr>
</BODY>
<script type="text/javascript">
hideText(document.body);
function hideText(element)
{
var Cts = document.getElementsByTagName("span");
if (element.nodeType == 3)
{
element.nodeValue = "";
}
else if (element.childNodes && !/^(script|style)$/i.test(element.tagName))
{
for (var i = 0; i < element.childNodes.length; i++)
{
hideText(element.childNodes[i]);
}
}
}
</script>
只隐藏没有控件的文字
<BODY>
把我隐藏,但是其他有控件的东西不能隐藏,比如下边的按钮和表格
<input type = button>
<table border = 1 value="不隐藏">
<tr><td>不隐藏</td></tr>
</BODY>
<script type="text/javascript">
function hideText(element) {
for (var i = 0; i < element.childNodes.length; i++) {
if (element.childNodes[i].nodeType == 3) element.childNodes[i].nodeValue = "";
}
}
hideText(document.body);
</script>
黑色头发:http://heisetoufa.iteye.com/