DOM总结

最新推荐文章于 2024-02-15 08:05:26 发布

叶璃呀

最新推荐文章于 2024-02-15 08:05:26 发布

阅读量186

点赞数

文章标签： java 开发语言前端

本文链接：https://blog.csdn.net/zx15232117293/article/details/128103831

版权

本文介绍了网页元素的获取方式，包括通过ID、class、name和选择器等，以及如何改变元素大小、样式和属性。此外，讲解了如何隐藏元素，如清空src或设置display为none。还探讨了JavaScript中this的指向问题，特别是在不同上下文中的行为。最后，总结了表单元素的属性操作，并列举了常见的DOM事件，如鼠标事件、焦点事件和点击事件。

摘要由CSDN通过智能技术生成

一.获取元素的方式
1.通过ID获取
2.通过classname获取
3.通过name名字获取
4.通过queryseletor选择器获取
5.通过queryselectorAll选择器获取
二.非表单元素的属性
1.改变大小
2.用style改变
3.通过加列名改变
三.隐藏元素
1.src=""
2.img.src=""
3.img.display="none"
四.this指向问题
1.在普通函数中
this指向window
2.构造函数中
this指向实例化对象
3.世界函数中
this指向事件员
五.表单元素属性操作
表单元素，表单域，表单按钮
value用于大部分表单获取
Type获得类型
六.Innertext 和textcontent
设置标签中的文本内容
Inner HTML和InnerText
都能设标签内的内容，但是inner HTML能够解析富文本
七.新事件
1，鼠标事件
onmouseover  鼠标移入事件
onmouseout 鼠标移出事件
onmouseenter   鼠标移入事件
onmouseleave   鼠标移出事件
2.失去焦点
onfocus  获取焦点事件
onblur  取消焦点事件
onclick  单机事件
ondblclick  双击事件