JavaScript 如何获取和修改 div 中style中的值
下面的代码运行出错<html><head><scriptlanguage="javascript">functionchk(){varUserName;varPwd;Us...
下面的代码运行出错
<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> 展开
<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> 展开
4个回答
展开全部
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
//原生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"});
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
display:black 改为 display:block
判断条件改为 UserName.length>0
判断条件改为 UserName.length>0
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你好！！
现在你的问题是div显示不出来么？
......... .style.display="black"; --->> "block"
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
