请教各位大神一个关于JS控制文本框隐藏显示的问题
1个回答
展开全部
首先将文本框隐藏掉
js通过触发事件来显示文本框
我们动手实现一个小例子
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js控制元素的显示与隐藏</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
</style>
</head>
<body>
<input type="button" id="btn1"value="显示">
<input type="button" id="btn2" value="隐藏">
<input type ="text" id="textArea"style="display:none">
<script>
'use strict';
var text = document.getElementById("textArea");
var oBtn1 = document.getElementById("btn1");
var oBtn2 = document.getElementById("btn2");
oBtn1.onclick = function(){
text.style.display = "block";
}
oBtn2.onclick = function(){
text.style.display = "none";
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
