如何修改element.style样式
4个回答
展开全部
其实element.style是一种内联样式，很多情况下是在一些JavaScript代码里写死的，这种方法相当不好。但是有些时候，我们在使用第三方js文件时，会遇到。哪么我们如何去修改它呢，在才源代码中 用!important 语法优先权来实现我们想要的效果。
举个例子：
默认情况下上面的图片透明是绿色，我们找不到element.style该怎么修改呢，这时候就可以在下面CSS样式表里面修改:
如上图，在css样式表里面加入一个opacity: 100 ! important ; ，可以看到的是最上面的opacity：0禁用，就是优先显示opacity：100。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我们在写前面 web样式的时候，会发现有些时候，我们怎么修改 style里面的值，页面上的样式都不会修改，当你用工具查看时，会发现里面会有 element.style的值，这个值还找不到是在哪里出现的，还修改不了。其实element.style是一种内联样式，很多情况下是在一些JavaScript代码里写死的，这种方法相当不好。但是有些时候，我们在使用第三方js文件时，会遇到。哪么我们如何去修改它呢，其实很简单。看下面这种情况，如果你在源代码，是看不到body后面跟一个style的，使用工具，你会发现它变成了下面这种突然给了一个 style
[css] view plain copy
</pre><pre name="code" class="html">这个是我正常的body标签
<body>
下面这个是通过查看元素看到的标签
<body style="overflow:hidde; height: 100%; border: none; margin: 0px; padding: 0px;" >
我使用firebug会看到，原来是这种内联样式。
其实我们可以用!important来修改它
我原来的body标签就是<body>只要加上<body style='overflow:auto ! important;'>
我这里要演示的就是让滚动条显示出来
你再刷新一下，就会发现值变过来了
[css] view plain copy
</pre><pre name="code" class="html">这个是我正常的body标签
<body>
下面这个是通过查看元素看到的标签
<body style="overflow:hidde; height: 100%; border: none; margin: 0px; padding: 0px;" >
我使用firebug会看到，原来是这种内联样式。
其实我们可以用!important来修改它
我原来的body标签就是<body>只要加上<body style='overflow:auto ! important;'>
我这里要演示的就是让滚动条显示出来
你再刷新一下，就会发现值变过来了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我们在写前面 web样式的时候，会发现有些时候，我们怎么修改 style里面的值，页面上的样式都不会修改，当你用工具查看时，会发现里面会有 element.style的值，这个值还找不到是在哪里出现的，还修改不了。其实element.style是一种内联样式，很多情况下是在一些JavaScript代码里写死的，这种方法相当不好。但是有些时候，我们在使用第三方js文件时，会遇到。哪么我们如何去修改它呢，其实很简单。看下面这种情况，如果你在源代码，是看不到body后面跟一个style的，使用工具，你会发现它变成了下面这种突然给了一个 style
[css] view plain copy
</pre><pre name="code" class="html">这个是我正常的body标签
<body>
下面这个是通过查看元素看到的标签
<body style="overflow:hidde; height: 100%; border: none; margin: 0px; padding: 0px;" >
我使用firebug会看到，原来是这种内联样式。
其实我们可以用!important来修改它
我原来的body标签就是<body>只要加上<body style='overflow:auto ! important;'>
我这里要演示的就是让滚动条显示出来
你再刷新一下，就会发现值变过来了
[css] view plain copy
</pre><pre name="code" class="html">这个是我正常的body标签
<body>
下面这个是通过查看元素看到的标签
<body style="overflow:hidde; height: 100%; border: none; margin: 0px; padding: 0px;" >
我使用firebug会看到，原来是这种内联样式。
其实我们可以用!important来修改它
我原来的body标签就是<body>只要加上<body style='overflow:auto ! important;'>
我这里要演示的就是让滚动条显示出来
你再刷新一下，就会发现值变过来了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2018-07-31 · 为您提供更好的产品和服务
七彩虹科技有限公司
七彩虹科技成立于1995年，中国著名的DIY硬件厂商， 亚太区最重要的显示卡提供商之一。专注于IT硬件产品研发、生产和销售，致力于为个人和企业用户提供最具创新与实用价值的硬件产品及应用方案。
向TA提问
关注
![]()
展开全部
如果html里确实没有写style，
那么基本上就是js弄出来的了，
在内部js和外部js都仔细检查下，看看哪里定义了修改一下就行了，如果实在是不会改js，那么最简单的办法就是把那个p标签换掉(比如换成span)
（望楼主采纳哦）
那么基本上就是js弄出来的了，
在内部js和外部js都仔细检查下，看看哪里定义了修改一下就行了，如果实在是不会改js，那么最简单的办法就是把那个p标签换掉(比如换成span)
（望楼主采纳哦）
本回答被网友采纳
已赞过
已踩过<
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
