描述：向您看到的图片效果一样，在源代码中我并没有添加左侧红线上部的style里的内容，而在右侧红线上却出现了element.style以及其内的内容，不知道是什么原因，是不是调用了js或者其它，但...
向您看到的图片效果一样，在源代码中我并没有添加左侧红线上部的style里的 内容，而在右侧红线上却出现了element.style以及其内的内容， 不知道是什么原因，是不是调用了js或者其它，但是我分开查找text-align以及right并测试，发现并没有因为我改变一些内容而发生改变，不知道是什么原因，希望有知道的大侠，告诉小弟一声。
如果html里确实没有写style，那么基本上就是js弄出来的了，在内部js和外部js都仔细检查下，看看哪里定义了修改一下就行了，如果实在是不会改js，那么最简单的办法就是把那个p标签换掉(比如换成span)
element.style 这个是写在行内的样式，也就是在元素上，比如：
<h1 style='font-size:16px'><h1>
像这样书写的。如果在那个标签元素上没有找到这样的样式，那就可能是js生成的。
编辑时间 2019-10-04 08:44:10
我们在写前面 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;'>
我这里要演示的就是让滚动条显示出来
你再刷新一下，就会发现值变过来了
<!DOCTYPE html>
<html>
<body>
<script>
function changeImage() {
var element = document.getElementById('myimage');
if (element.style.width == "100px") {
element.style.width = "200px";
} else {
element.style.width = "100px";
}
}
</script>
<ul>
<li id="myimage" style="background-color:#F00; width:100px; height:100px;" onclick="changeImage()"></li>
</ul>
</body>
</html>
追问
可以问一下为什么我之前的代码没有效果吗。。编辑时间
◆完全不同的两个词组啊：
on write well 关于写好
the element of style 风格的元素
编辑时间 2018-10-19
$(".open").on('click', function () {
var li = $(event.target).parent('li')
alert(li.find('div.text').text())
document.getElementById('log').style.display = 'block';
document.getElementById('fade').style.display = 'block';
return false
});
你这样每次都是改变同一个元素的style，改成如果page等于i，就把i对应元素显示，如果不等于就把i对应元素隐藏。
编辑时间
doucument.getElementById("o").style.height=doucument.body.clientHeight;
改为
document.getElementById("o").style.height=document.body.clientHeight+"px";
此外，要想让图片的高度等于body的高度，还必须设置body的高度，否则它默认是0的：
<style type="text/css">
html,body {margin:0; width:100%; height:100%}
</style>
编辑时间 2018-11-30
window.onload = function () {
document.body.onclick = function () {
var pic = this.style.backgroundImage;
if (pic.match('bg1') || !pic) {
pic = 'url(./images/bg2.png)';
} else {
pic = 'url(./images/bg1.png);'
}
}
}这样试试看看行不行.
element.style.backgroundImage 是获取元素style属性的样式，例如
<p style='font-size: 16' id='p'></p>
<script>
alert(document.getElementById('p').style.fontSize)
</script>
获取css的方式是window.getComputedStyle
<p style='font-size: 16' id='p'></p>编辑时间 2019-03-11
<script>
alert(window.getComputedStyle(document.getElementById('p')).fontSize)
</script>
通常会有需求，在关闭弹框后需要清空填写的数据，这时候就需要关闭事件了
<el-dialog title="标题" :visible.sync="bind" size="small" @close='closeDialog'>
</el-dialog>12
在标签中加入@close='closeDialog'
mothods中加入
//关闭弹框的事件
closeDialog(){ this.xxx = '';//清空数据
},
代码规范有点糟糕哈…，我还是给你写一个功能函数吧。
给你写了一个功能函数
/*编辑时间 2018-11-19
* 功能：获取渲染后标签的样式，element是标签的对象，property是标签样式属性值
* 参数：element是元素对象，property是样式属性
* demo：getStyle(move, "marginLeft");
* author：HTML5学堂
*/
function getStyle(element, property){
var proValue = null;
if (!document.defaultView) {
proValue = element.currentStyle[property];
} else {
proValue = document.defaultView.getComputedStyle(element)[property];
}
return proValue;
}