JS实现动态给图片添加边框的方法

这篇文章主要介绍了JS实现动态给图片添加边框的方法,涉及javascript操作图片border的技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了JS实现动态给图片添加边框的方法。分享给大家供大家参考。具体如下：

下面的JS代码设置图片的边框为2个像素，即border=2

1. <!DOCTYPE html> 
2. <html> 
3. <head> 
4. <script> 
5. function addBorder() 
6. { 
7. document.getElementById("compman").border="2"; 
8. } 
9. </script> 
10. </head> 
11. <body> 
12. <img id="compman" src="compman.gif" alt="Computerman" 
13. width="107" height="98"> 
14. <br><br> 
15. <input type="button" onclick="addBorder()" 
16. value="Add border"> 
17. </body> 
18. </html> 

希望本文所述对大家的javascript程序设计有所帮助。