JavaScript——DOM重点核心

我们获取过来的DOM元素是一个对象(object),所以称为文档对象模型。

关于DOM操作,我们主要针对元素的操作有创建、增、删、改、查、属性操作、事件操作。

创建
document.write
innerHTML
createElement

appendChild
insertBefore

removeChild


主要修改dom的元素属性,dom元素的内容、属性、表单的值等。

修改元素属性:src、href、title等
修改普通元素内容:innerHTML、innerText
修改表单元素:value、type、disabled等
修改元素样式:style、className

主要获取查询DOM的元素

DOM提供的方法:getElementById、getElementsByTagName 较老,不推荐
H5提供的新方法:querySelector、querySelectorAll 提倡使用
利用节点操作获取元素:父(parentNode)、子(children)、兄(previousElementSibling、nextElementSibling) 提倡使用
属性操作
主要针对于自定义属性

setAttribute:设置dom的属性值
getAttribute:得到dom的属性值
removeAttribute:移除属性
事件操作
给元素注册事件,采取 事件源.事件类型 = 事件处理程序

鼠标事件 触发条件
onclick 鼠标点击左键触发
onmouseover 鼠标经过触发
onmouseout 鼠标离开触发
onfocus 获得鼠标焦点触发
onblur 失去鼠标焦点触发
onmousemove 鼠标移动触发
onmouseup 鼠标弹起触发
onmousedown 鼠标按下触发

原创文章:https://www.qqhhs.com,作者:起航®,如若转载,请注明出处:https://www.qqhhs.com/87.html

版权声明:本站提供的一切软件、教程和内容信息仅限用于学习和研究目的,请于下载的24小时内删除;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络收集整理,如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系处理。敬请谅解!

Like (0)
Donate 受君之赠,荣幸之至 受君之赠,荣幸之至 受君之赠,荣幸之至 受君之赠,荣幸之至
Previous 2023年1月11日
Next 2023年1月11日

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

联系我们

qhhl

QQ-175142992024110802215838同号

SHARE
TOP
“人们不愿意相信,一个土匪的名字叫牧之”