javascript中的document对象
- document对象的概念
浏览器对外提供的支持js的用来操作HTML文档的一个对象,此对象封存的HTML文档的所有信息。 - 使用document获取HTML元素对象
- 直接获取方式:
通过id
通过name属性值
通过标签名
通过class属性值 - 间接获取方式:
父子关系
子父关系
兄弟关系
<script type="text/javascript">
function testGetEleById(){
var inp=window.document.getElementById("uname");
alert(inp);
}
function testGetEleByName(){
var favs=document.getElementsByName("fav");
alert(favs);
}
function testGetEleByTagName(){
var inps=document.getElementsByTagName("input");
alert(inps);
}
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>