欢迎访问我的的博客,网站主要用于记录学习WEB语言|CMS建站|SEO优化及日常工作常见问题总结!
您的位置:主页 > JavaScript >

javascript改变html样式

语法:Object.style.property=new style;

注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。

基本属性表(property):

属性 描述
backgroundColor 设置元素的背景色
height 设置元素的高度
width 设置元素的宽度
color 设置文本的颜色
font 在一行设置所有的字体属性
fontFamily 设置元素的字体系列
fontSize 设置元素的字体大小

注意:该表只是一小部分CSS样式属性,其它样式也可以通过该方法设置和修改。

看看下面的代码:改变<p> 元素的样式

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p id='con'>对于无法保证的明天,内心惶恐惶惶不安</p>
<script type="text/javascript">
var mycon = document.getElementById('con');
mycon.style.color = 'white';
mycon.style.width = '300px';
mycon.style.height = '300px';
mycon.style.backgroundColor = '#f90';
mycon.style.lineHeight = '300px';
mycon.style.fontSize = '14px';
mycon.style.textAlign ='center';
</script>
</body>
</html>
上一篇标题:显示和隐藏(display属性)
下一篇标题:javascript中innerhtml属性

相关文章

 

文章-javascript改变html样式发布日期:2021-04-01 18:03作者:admin
如需转载,请注明文章出处和来源网址:https://www.dhnblog.com/javascript/283.html