一种是直接用css，结合css选择器进行设置当前元素的display属性为none值。
p{display:none}
#p1{display:none}
.p1{display:none}
还有一种是用js，一般js可以动态地改变dom元素的样式
比如这段代码obj.style.display="none"
这段代码就是将当前的obj的display属性改成了none值，也就是不显示该元素
var domObj = document.getElementById("tagId")//使用domObj.style来设置css：
domObj.style.backgroundColor="#000"//对应style里 background-color
domObj.style.fontSize="#000"//对应style里 font-size
//如果对这个表不太清楚可以在w3c上查一下
//但是一般有个规律就是，首单词小写 “-”后面的第一个字母大写，如：font-size 就是fontSize
如果是想更换标签的class的话，可以使用
domObj.className = "other_class"代码如下：<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<script src="http://pu-datacastle.oss-cn-qingdao.aliyuncs.com/master.third.source/js/jquery-2.1.4.min.js" type="text/javascript" charset="utf-8"></script>
<style>
*{
/*margin: 0px
padding: 0px*/
}
.test1{
width: 100%
height: 22px
line-height: 22px
border: 2px solid #ccc
}
</style>
</head>
<body>
<div class="test1">公告内容</div>
<br />
<button class="changestyle">更改样式</button>
<script>
$(function(){
$(".changestyle").off("click").on("click",function(){
$(".test1").css({
"font-size":"16px",
"font-weight":"bold",
"border":"2px solid blue",
"width":"200px",
"height":"100px",
"text-align":"center",
"line-height":"100px",
"color":"red"
})
})
})
</script>
</body>
</html>
望采纳！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）