用js在图片外加上border

泄漏 • 2023-4-11 • IT百科 • 阅读 10

这样的效果用css实现，启不是更简单，代码如下：

<html>

<head>

<title>example</title>

<!--

img{ border:0 none}

a:hover img{border:1px solid #f00}

-->

</style>

</head>

<body>

</body>

</html>

function imgborder(){

//页面中第n个图片的边框

document.getElementsByTagName('img')[n].style.border="1px red solid"

//指定id图片的边框

//document.getElementById('aa').style.border="1px red solid"

//某元素下第n个图片的边框

//document.getElementById('bb').getElementsByTagName('img')[n].style.border="1px red solid"

}

window.onload=imgborder</script>

欢迎分享，转载请注明来源：内存溢出

边框图片外加元素指定

打赏

微信扫一扫

支付宝扫一扫

上一篇 2023-04-11

下一篇 2023-04-11

登录后才能评论