js怎么去掉一个div里的style

JavaScript022

js怎么去掉一个div里的style,第1张

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。

2、在index.html中的<script>标签,输入js代码:$('div').css('margin-left', 0)。

3、浏览器运行index.html页面,此时div中的style属性的margin-left被成功去除。

<div

id="div1">

<p>.....</p>

</div>

因为是动态数据,所以#div1的高度是auto,无法获取到具体值。

var

div1=document.getElementById("div1")

alert(div1.style.height)

//没有值

建议从css上改进。

比如给中间的div设置css

{height:500pxoverflow:auto}这样就能固定高度,多出的内容用滚动条显示。

或者让尾部div相对中间的div定位。

用JS给div添加样式是通过js操作css来实现的。

用js方法找到div的dom对象

通过js操作css的style属性来改变div的样式

具体举例如下:

定义div:<div id="myDiv" style="color:red">改变样式测试</div>

编写js代码:

var color = document.getElementById("myDiv").style.color

if (color == "red")

 document.getElementById("myDiv").style.color="black"

else

 document.getElementById("myDiv").style.color="red"

执行js代码后,div原来是红色会变成黑色,原来是别的颜色会变成红色