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>
<!--style="display: none" 登陆-->
<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>
<!--style="display: none" 显示会员-->
<div class="top7" id="landover" style="display: none" >
<ul id="top8">
<li>用户名称:<%%></li>
</ul>
</div>
</html>

<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>

温馨提示:答案为网友推荐,仅供参考
第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"

相似回答