jsp中使用javascript怎么设置div的display属性没效果?
<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%><%Stringpath=request....
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>我要提问</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<style type="text/css">
#question{
width:502px;
height:100px;
border:blue 1px solid;
}
#addQuestion{
width:502px;
height:150px;
border:blue 1px solid;
display:block;
}
</style>
<script language="JavaScript">
function click1(){
if(document.getElementById("addQuestion").style.display == "block"){
document.getElementById("addQuestion").style.display = "none";
}
}
</script>
</head>
<body>
<hr style="color:blue">
<h3 style="color:blue">您要提的问题是什么呢?</h3>
<div id="question">
<form name="myForm" action="doI_ask.jsp" onsubmit="return false">
<textarea name="text" id="text" cols="60" rows="6" title="在此输入您要提问的内容"></textarea>
<a href="javascript:click1()">问题补充(选填):</a>
<div id="addQuestion">
<textarea name="addText" id="addText" cols="60" rows="10"></textarea>
</div>
问题类型(选填):
<select>
<option>==请选择==</option>
<option>游戏</option>
<option>体育</option>
<option>生活</option>
</select>
<input style="margin-left:426px;background-color:blue;color:white;line-height:22px" type="submit" value="提交问题"/>
</form>
</div>
</body>
</html> 展开
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>我要提问</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<style type="text/css">
#question{
width:502px;
height:100px;
border:blue 1px solid;
}
#addQuestion{
width:502px;
height:150px;
border:blue 1px solid;
display:block;
}
</style>
<script language="JavaScript">
function click1(){
if(document.getElementById("addQuestion").style.display == "block"){
document.getElementById("addQuestion").style.display = "none";
}
}
</script>
</head>
<body>
<hr style="color:blue">
<h3 style="color:blue">您要提的问题是什么呢?</h3>
<div id="question">
<form name="myForm" action="doI_ask.jsp" onsubmit="return false">
<textarea name="text" id="text" cols="60" rows="6" title="在此输入您要提问的内容"></textarea>
<a href="javascript:click1()">问题补充(选填):</a>
<div id="addQuestion">
<textarea name="addText" id="addText" cols="60" rows="10"></textarea>
</div>
问题类型(选填):
<select>
<option>==请选择==</option>
<option>游戏</option>
<option>体育</option>
<option>生活</option>
</select>
<input style="margin-left:426px;background-color:blue;color:white;line-height:22px" type="submit" value="提交问题"/>
</form>
</div>
</body>
</html> 展开
4个回答
展开全部
具体原因应该是js无法读取你定义的样式
#addQuestion{
width:502px;
height:150px;
border:blue 1px solid;
display:block;
}
第一种方法:
最简单的你可以试试把这些样式直接写在id为addQuestion的层里面,这样估计js代码就生效了。
<div id="addQuestion" style="width:502px;height:150px; border:blue 1px solid;display:block;">
第二种方法,既然读取不到你定义的样式,你的if就可以直接判断值为空,应该也是可以的
if(document.getElementById("addQuestion").style.display == ""){
#addQuestion{
width:502px;
height:150px;
border:blue 1px solid;
display:block;
}
第一种方法:
最简单的你可以试试把这些样式直接写在id为addQuestion的层里面,这样估计js代码就生效了。
<div id="addQuestion" style="width:502px;height:150px; border:blue 1px solid;display:block;">
第二种方法,既然读取不到你定义的样式,你的if就可以直接判断值为空,应该也是可以的
if(document.getElementById("addQuestion").style.display == ""){
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你的标签都不对啊
<script type="text/javascript">
</script>
<script type="text/javascript">
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
用jquery啊,很方便,直接用hide() or show()就行了
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
这行代码进到if语句中了么?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询