学习DOM

1.getElementByid 获取页面为id的元素 大小写敏感

比如 <div id="deng"> 登</div>

<script>

var cheng=document.getElementByid("deng")

console.log(cheng)

console.log(typeof cheng) //object

</script>

2.getElementByid 这个方法有一定的不方便 他只能获取一个元素

假如我们要获取多个相同的元素 要使用getElementsByTagName

比如 <ul>

        <li>123</li>

        <li>123</li>

        <li>123</li>

        <li>123</li>

</ul>

<script>

var lis=document.getElementByTagName('li')

console.log(lis)//获取的是个伪数组 可以依次访问

for(var i = 0;i<lis.length;i++){
    console.log(lis)
}

</script>

3.事件三要素  

<button id="btn"> 学习</button>

<script>

var btn=document.getElememtById("btn")

btn.οnclick=function(){

alert("赚到钱")

}

</script>

在页面点击学习这个按钮 会弹出赚到钱