jsp中使用javascript怎么设置div的display属性没效果？

答案:4 悬赏:0 手机版

解决时间 2021-02-01 09:16

提问者网友：城市野鹿
2021-01-31 13:48

<%@ 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">

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

最佳答案

五星知识达人网友：山君与见山
2021-01-31 14:45

具体原因应该是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 == ""){

全部回答

1楼网友：底特律间谍
2021-01-31 17:33

这行代码进到if语句中了么？

2楼网友：空山清雨
2021-01-31 16:35

用jquery啊，很方便，直接用hide() or show()就行了

3楼网友：患得患失的劫
2021-01-31 15:10

你的标签都不对啊 <script type="text/javascript"> </script>

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！