需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,编写问题基础代码。
2、在index.html中的<script>标签,输入js代码:$('div').css('margin-left', 0)。
3、浏览器运行index.html页面,此时div中的style属性的margin-left被成功去除。
<divid="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原来是红色会变成黑色,原来是别的颜色会变成红色