js---DOM

Posted 2020-12-18 0黑曼巴00

DOM

document object model

文档对象模型

var btn=document.getElementById()//通过id获取到一个元素节点对象
var btn=document.getElementsByTagName()//通过标签名获取一组元素节点对象
var btn=document.getElementsByName()//通过name属性获取一组元素节点对象
btn.innerhtml=""//修改按钮的文字

注意，calss属性不能直接采用.的方式获取属性值， 元素.className

 

获取元素节点的子节点

getElementsByTagName()

返回当前节点的指定标签名后代节点

children

返回当前节点的所有子元素

childNodes

当前节点的所有子节点

firstChild/lastChild

当前节点的第一个/最后一个子节点

firstElementChild/lastElementChild

当前节点的第一个/最后一个子元素

 

事件

可以为按钮的对应事件绑定处理函数的形式来响应事件

btn.onclick=function(){
    alert("haha")
}

 

文档加载

浏览器在加载一个页面时，是按照自上而下的顺序加载的，读取到一行就运行一行，

如果script标签写到页面的上边，在代码执行时，页面还没有加载

将js代码写到页面下部是为了，可以在页面加载完毕后再执行js代码

为window绑定一个onload事件可以再页面加载之后再触发