JavaScript 如何获取和修改 div 中style中的值

下面的代码运行出错
<html>
<head>
<script language="javascript">
function chk(){
var UserName;
var Pwd;
UserName=document.getElementById("Bcuser").value;
Pwd=document.getElementById("Bcpass").value;
if (UserName.length<0){
document.getElementById("landout").style.display="none";
document.getElementById("landover").style.display="black";
}
else{
document.getElementById("landout").style.display="black";
document.getElementById("landover").style.display="none";
}
}
function a(){
alert(Date());
}
</script>
</head>

<div class="top4" id="landout" style="display: black">
<form action="index.asp" method="post">
<table>
<tr>
<td id="td2">用户名称：</td>
<td id="td3"><input name="Bcuser" type="text" maxlength="15" id="Bcuser"/></td>
<td id="td4"><input name="Normal" type="image" src="images/dl.jpg" /></td>
</tr>
<tr>
<td id="td2">用户密码：</td>
<td id="td3"><input name="Bcpass" type="password" maxlength="15" id="Bcpass"/></td>
<td id="basicModal"><input name="basic" type="image" src="images/zc.jpg" /></td>
</tr>
<tr>
<td> <input type="button" value="提交" onclick="chk()"></td>

</tr>
</table>

</form>
</div>

<div class="top7" id="landover" style="display: none" >
<ul id="top8">
<li>用户名称：<%%></li>
</ul>
</div>
</html>

举报该问题

推荐答案推荐于2016-05-18

<body>
<div style="height: 20px;width: 20px;background: #666;" id="node">
</div>
<script>
    // 使用原生JS
    var node = document.getElementById("node");
    node.style.background = "black";

    // 使用JQuery

    var node = $("#node");
    node.css("background", "#111");
</script>
</body>

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

当前网址：http://00.wendadaohang.com/zd/nnej0ZIrrIeeTe00DBT.html

其他回答

第1个回答 2015-09-14

//原生js：
var d = document.getElementById("div1");
d.style = "color:red";
d.style.color = "red"; d.style.display = "none";

//jQuery:
$("#div1").css({color: "red", font-size:"20px"});

第2个回答 2013-11-16

display:black 改为 display:block
判断条件改为 UserName.length>0本回答被提问者采纳

第3个回答 2013-11-16

你好！！

现在你的问题是div显示不出来么？

......... .style.display="black"; --->> "block"

相似回答

大家正在搜