![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
DOM操作
文章平均质量分 70
Dsir66
Someday you'll look at your story and laugh and shake your head like an outsider.
展开
-
DOM操作-页面的尺寸与位置
offsetTop、offsetLeft:当前元素上边框外边缘到最近的已定位父级(offsetParent)上边框内边缘的距离。scrollWidth:获取指定标签内容层的真实宽度(可视区域宽度+被隐藏区域宽度)。scrollHeight:获取指定标签内容层的真实高度(可视区域高度+被隐藏区域高度)smooth:平滑过渡;clientLeft = boder.left(左边框的宽度)标签.scrollWidth 标签.scrollHeight。clientTop = boder.top(上边框的宽度)原创 2022-11-19 11:36:29 · 678 阅读 · 1 评论 -
DOM操作-事件
鼠标点击左键触发:onclick鼠标双击左键触发:ondblclick鼠标右键触发:鼠标弹起触发:onmouseup鼠标按下触发:鼠标经过元素触发(会冒泡):鼠标离开元素触发:onmouseout鼠标经过元素触发(不会冒泡):鼠标离开元素触发:鼠标在元素内移动触发:鼠标滚轮滚动触发:onwheel某个键盘按键按下:onkeydown某个键盘按键按下并松开:onkeypress某个键盘按键松开:onkeyup元素获得焦点触发(不会冒泡):onfocus。原创 2022-11-19 11:37:47 · 227 阅读 · 0 评论 -
DOM操作-标签
cssText:可以一次设置多个css样式,但会把style的样式清空。innerText:标签内的text不识别文本。返回值:一个标签对象,找不到时返回null。返回值:一个标签对象,找不到时返回null。元素节点返回值为:1。属性节点返回值为:2。文本节点返回值为:3。注释节点返回值为:8。innerHTML:标签内的html。style:一次设置一个css样式。4、满足该选择器的所有标签。5、满足该选择器的一个标签。1、根据标签名获取标签。返回值:一个类数组对象。返回值:一个类数组对象。原创 2022-11-19 11:02:57 · 1358 阅读 · 0 评论