js---DOM

2021-01-17 17:16

阅读:748

标签:nload   inner   获取元素   事件绑定   文字   绑定   innerhtml   文档   rip   

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事件可以再页面加载之后再触发

 

js---DOM

标签:nload   inner   获取元素   事件绑定   文字   绑定   innerhtml   文档   rip   

原文地址:https://www.cnblogs.com/by-young/p/13359754.html


评论


亲,登录后才可以留言!