<div id="dv"></div>
<img src="./img/3.jpg">
<script type="text/javascript">
var dv = document.getElementById("dv")
// 给div添加 100 X 100 粉色
dv.style.width = "100px"
dv.style.height = "100px"
dv.style.backgroundColor = "yellowgreen"
/*
当点击按钮时 弹出 图片的宽度与高度
当点击按钮时 设置图片 变成圆 加 10像素 虚线 黄色边框
*/
var img = document.getElementsByTagName('img')[0]
img.onclick = function(){
// 弹出img的宽
alert(img.width)
// 弹出img的高
alert(img.height)
// 设置样子为圆形
img.style.borderRadius = '50%'
// 添加边框 10px 虚线 红色
img.style.border = '10px dashed red'
}
</script>
dom操作css
最新推荐文章于 2023-09-05 14:28:51 发布