< ! DOCTYPE html>
< html>
< head>
< meta charset= "utf-8" >
< title> < /title>
< style type= "text/css" >
.div1{
width: 100px;
height: 100px;
background-color: brown;
}
.div2{
width: 100px;
height: 100px;
background-color: blue;
}
< /style>
< /head>
< body>
< div class= "div1" > div1< /div>
< div class= "div2" > div2< /div>
< /body>
< script>
var div = document.getElementsByTagName( "div" ) ;
div[ 0] .innerText= "<h1>1212</h1>" ;
div[ 1] .innerHTML= "<h1>aasas</h1>" ;
< /script>
< /html>
< script>
var div = document.getElementsByTagName( "div" ) ;
div[ 0] .innerText= "1212" ;
div[ 1] .innerHTML= "<h1>aasas</h1>" ;
< /script>
1、getElementById方法
2、getElementsByTagName方法 返回数组
3、getElementsByName方法 返回数组
4、getElementsByClassName方法 返回数组
5、document.querySelector( )
< script>
var div = document.getElementsByTagName( "div" ) ;
console.log( div[ 0] .innerHTML) ;
console.log( div[ 0] .innerText) ;
console.log( div[ 0] .textContent) ;
< /script>