请教各位大神一个关于JS控制文本框隐藏显示的问题

JavaScript020

请教各位大神一个关于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>

可以用隐藏的,也可以自己用数组,map等一些对象保存

赋值的话可以通过id给它赋值document.getElementById("id").value= "alsdfj"