JavaScript 遮罩层-透明 -- 动态在dom节点上添加透明遮罩层

动态在dom节点上添加透明遮罩层
1.获取dom节点距离浏览器上边和左边的距离,即offsetTop和offsetLeft
2.使用offsetWidth,offsetHeight获取dom节点实际的宽和高,即使dom节点的样式中有padding和border
3.使用dom.style.cssText给节点增加样式


效果图:
底层盒子是粉色的,有一个黑色的边框

JavaScript 遮罩层-透明 -- 动态在dom节点上添加透明遮罩层_第1张图片
无遮罩.jpg

加入白色遮罩

JavaScript 遮罩层-透明 -- 动态在dom节点上添加透明遮罩层_第2张图片
遮罩层.jpg

你可能感兴趣的:(JavaScript 遮罩层-透明 -- 动态在dom节点上添加透明遮罩层)