如何在javascript中给元素加边框

小编给大家分享一下如何在javascript中给元素加边框,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

专注于为中小企业提供成都做网站、成都网站建设服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业英山免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了成百上千企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

javascript中给元素加边框的方法:1、使用“元素对象.style.border="宽度值 样式值 颜色值"”语句;2、使用“元素对象.style.cssText="border:宽度值 样式值 颜色值"”语句。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

方法1:使用HTML DOM border 属性

语法:Object.style.border=borderWidth borderStyle borderColor

示例:



	
		
		
	

	
		单击按钮给div元素添加边框

div元素
点击这里

效果图:

如何在javascript中给元素加边框

2、使用cssText属性

cssText 的本质就是设置 HTML 元素的 style 属性值。

语法:Object.style.cssText="属性名:属性值";

示例:



	
		
		
	

	
		单击按钮给div元素添加边框

div元素
点击这里

效果图:

如何在javascript中给元素加边框

以上是“如何在javascript中给元素加边框”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


网页名称:如何在javascript中给元素加边框
链接分享:http://ybzwz.com/article/giside.html

其他资讯