<html>
<head>
<title>document操作元素的样式</title>
<meta charset="UTF-8"/>
<!--
document操作元素的样式:
获取元素对象
style属性方式:
新增样式
元素对象名.style.样式名="样式值";
修改样式:
元素对象名.style.样式名="新的样式值";
删除样式
元素对象名.style.样式名="";
class属性方式:
新增样式
元素对象名.className="类选择器名";
修改样式
元素对象名.className="新的类选择器名";
删除样式
元素对象名.className="";
-->
<!--声明js代码域-->
<script type="text/javascript">
//style属性方式
//新增样式
function addCss(){
//获取元素对象
var div=document.getElementById("showdiv");
//新增样式
div.style.border="solid 10px";
div.style.width="200px";
div.style.height="200px";
div.style.backgroundColor="orange";
}
documnet操作元素的样式
最新推荐文章于 2022-12-12 13:55:55 发布