js javascript js隐藏页面上有id的控件,隐藏页面上无控件包含的文字,控制页面控件属性...-CFANZ编程社区

js javascript js隐藏页面上有id的控件,隐藏页面上无控件包含的文字,控制页面控件属性...

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/

0 条评论