javascriptの中のdocumentオブジェクト

7985 ワード

javascriptの中のdocumentオブジェクト
  • documentオブジェクトの概念ブラウザが外部に提供するHTMLドキュメントを操作するためのJsをサポートするオブジェクトで、このオブジェクトが閉じているHTMLドキュメントのすべての情報.
  • documentを用いてHTMLオブジェクト
  • を取得する.
  • 直接取得方式:idを通してname属性値を通して、ラベル名を通して、class属性値
  • を通過する.
  • 間接的に取得する方法:親子関係子親子兄弟関係
  • 		<script type="text/javascript">
    				//document      
    					//    
    						//id  
    						function testGetEleById(){
    							var inp=window.document.getElementById("uname");
    							alert(inp);
    						}	
    						//name  
    						function testGetEleByName(){
    							var favs=document.getElementsByName("fav");
    							alert(favs);
    						}	
    						//   
    						function testGetEleByTagName(){
    							var inps=document.getElementsByTagName("input");
    							alert(inps);
    						}
    						//class  
    						function testGetEleByClassName(){
    							var inps=document.getElementsByClassName("common");
    							alert(inps.length);
    						}
    					//      
    						//    
    							function testParent(){
    								//        
    								var showdiv=document.getElementById("showdiv");
    								//            
    								var childs=showdiv.childNodes;
    								alert(childs.length);
    							}
    						//    
    							function testChild(){
    								//       
    									var inp=document.getElementById("inp");
    									var div=inp.parentNode;
    									alert(div);
    							}
    						//    
    							function testBrother(){
    								
    									var inp=document.getElementById("inp");
    									var preEle= inp.previousSibling;//    
    									var nextEle=inp.nextSibling;//    
    									alert(preEle+":::"+nextEle);
    								
    							}
    						
    		</script>