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>