1.隐藏页面上有id的控件
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/