如何用JS给div添加样式

如题所述

举报该问题

推荐答案 2017-01-06

用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原来是红色会变成黑色，原来是别的颜色会变成红色

温馨提示：答案为网友推荐，仅供参考

当前网址：http://66.wendadaohang.com/zd/nUDnn229UiUs2vDsvii.html

其他回答

第1个回答 2016-11-18

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>box</title>
<script>
window.onload = function(){
    var mydiv = document.getElementById("box");
    mydiv.style.height = "100";
    mydiv.style.border = "1px solid #000"
}
</script>
</head>

<body>
<div id="box">
</div>
</body>
</html>

相似回答

大家正在搜