java script初学(二)

本文深入探讨了DOM(文档对象模型)的核心操作,包括createElement、appendChild、insertBefore、removeChild和replaceChild,以及元素属性的获取、设置与删除。同时,详细介绍了事件处理,如onclick、onmouseover等,以及如何通过addEventListener绑定事件。通过实例解析,帮助读者掌握DOM操作与事件处理在网页交互中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

dom文档对象模型:
createElement用于创建一个元素节点
appendChild 向一个元素节点的末尾追加一个节点
insertBefore向某一个节点前插入一个节点
removeChild移除某一节点下的某一个节点
replaceChild将页面中的某一个节点替换掉

元素属性:
innerText元素内容文本
innerHTML元素完整结构
getAttribute获取元素属性
setAttribute设置元素属性
removeAttribute删除元素属性
.style设置元素样式
.classname设置类名

事件:事件源、事件类型、事件处理程序。

绑定事件:
在DOM元素中直接绑定
在JavaScript中绑定
使用监听函数addEventListener() 绑定

常用事件:
onclick鼠标单击
ondblclick鼠标双击
onmouseover鼠标移入
onmouseout鼠标移出
onfocus元素获得焦点
onblur元素失去焦点
onkeydown按键被按下
onkeyup按键被按下后弹起时

案例:

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值