用javascript代码改的class属性不能用在CSS上吗?
代码如下:<html><head>//javascript代码,设置段落p的class属性为sig<scripttype="text/javascript">window...
代码如下:
<html>
<head>
//javascript代码,设置段落p的class属性为sig
<script type = "text/javascript">
window.onload = function ( ) {
var elem = document.getElementsByTagName("p") ;
elem[0].class = "sig" ;
}
</script>
//css代码,设置sig的字体大小为50px,粗体
<style type = "text/css">
.sig {
font-size :50px ;
font-weight :bold ;
}
</style>
</head>
<body>
<p>Hello world!</p>
</body>
</html>
运行后,按理说,显示的字体应该是25px,粗体,但是实际运行效果来看,显示的效果不是这样的,就像没加CSS样式一样,但是如果我把 body 中的 <p>Hello world!</p> 改为 <p class = "sig">Hello world!</p>的话,就能正确显示CSS样式了,我不明白这是怎么回事,用javascript代码改的class属性不能用在CSS上吗?
各位大虾好,我曾经试图改成className,不过依然不好用,这是为什么? 展开
<html>
<head>
//javascript代码,设置段落p的class属性为sig
<script type = "text/javascript">
window.onload = function ( ) {
var elem = document.getElementsByTagName("p") ;
elem[0].class = "sig" ;
}
</script>
//css代码,设置sig的字体大小为50px,粗体
<style type = "text/css">
.sig {
font-size :50px ;
font-weight :bold ;
}
</style>
</head>
<body>
<p>Hello world!</p>
</body>
</html>
运行后,按理说,显示的字体应该是25px,粗体,但是实际运行效果来看,显示的效果不是这样的,就像没加CSS样式一样,但是如果我把 body 中的 <p>Hello world!</p> 改为 <p class = "sig">Hello world!</p>的话,就能正确显示CSS样式了,我不明白这是怎么回事,用javascript代码改的class属性不能用在CSS上吗?
各位大虾好,我曾经试图改成className,不过依然不好用,这是为什么? 展开
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询