获取整个html文档:document.documentElement()
获取头部head:head
获取主题body:body
获取:
var body=document.body(获取到整个body)
var body=document.body i/获取到了body标签
var div=body.firstElementchild//获取到body中的第一个元素console.log(div)
var div_o=body.firstchildconsole.log(div_0)
var lastEle=body. lastElementchildconsole.log(lastEle)
console.log(div.nextElementSibling)//获取的是相邻兄弟(下一个)var input=div.nextElementSibling
console.log(input.previousElementsibling)//获取的相邻兄弟(前一个)
通过函数来获取元素
getElementById( ):通过标签的id属性的值获取到某个标签console.log( document.getElementById( "uname" ) )
getElementsByClassName():根据标签的class属性的值来获取一组标签console.log(
document.getElementsByclassName( "item" ))
getElementsByName():根据标签的name属性的值来获取一组标签console.log(
document.getElementsByName( "sex" ) )
getElementsByTagName():根据标签名来获取一组标签console.log(
document.getElementsByTagName( "div" ) )
通过标签id值来获取标签
console.log(uname);