JavaScript-單擊按鈕以顯示和隱藏輸入字段
[英]JavaScript - Click a button to show and hide input field
問題描述
昨天我開始弄亂JS，但我就像最大的菜鳥^^，
我正在嘗試創建一個按鈕，該按鈕可以一鍵顯示和隱藏文本輸入框。
我已經使用createElement("input")來創建盒子，但是有人可以幫助我如何正確使用removeChild嗎？ = D原因我無法隱藏它。 我只想為此使用html和js
謝謝！
/ gruffmeister @蘇格蘭
2 個解決方案
解決方案1
0 已采納 2015-09-13 22:05:21
這是適合您的純JavaScript示例：
var elem = document.createElement("input");
var btn = document.createElement("button");
var txt = document.createTextNode("Hide Input");
elem.id = "hideme";
btn.appendChild(txt);
document.body.appendChild(elem);
document.body.appendChild(btn);
btn.addEventListener( 'click', function(){
var input = document.getElementById("hideme");
document.body.removeChild(input);
} );
解決方案2
0 2015-09-13 22:16:49
為什么不使用簡單的jQuery方法：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>toggle demo</title>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script>
$(function() {
$('button').click(function() {
$('p').toggle;
$("#myTextField").toggle();
});
});
</script>
</head>
<body>
<button>Toggle</button>
<input id="myTextField" type="text" name="myTextField" value="">
</body>
</html>
單擊時隱藏和顯示輸入 javascript
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.