清除輸出區域

我在這裏有一個工作代碼，可以讓用戶輸入內容並立即顯示輸出，但是我想創建一個由按鈕觸發的功能，該按鈕可以清除輸出區域本身。這可能與我的代碼？清除輸出區域

這裏是我的完整代碼：

<html> 
    <meta charset="UTF-8"> 
    <head> 
     <title>Sample Array</title> 
     <script>var index = 0;</script> 
    </head> 

    <body> 


     Input: 
     <input type="text" id="input"> 
     <input type="button" value="GO" onClick="press(input.value)"> 

     <p id = "display"> 

     <script> 

      var sample = new Array(); 

      function press(Number) 
      { 

       if (Number != '') 
       { 
        sample[index] = Number; 
        document.getElementById("display").innerHTML += sample[index] + "<br>"; 
        index++; 

       } 

       else 
        alert("empty"); 

       document.getElementById('input').value = '';   
      }  


     </script> 

    </body> 
</html>

來源

2014-01-16 Marc Intes

什麼是輸出區域？ –

頁面本身是輸入框和按鈕下方的輸出區域。 –

你的意思是清除內容中的

標籤。我對嗎？ –

這樣做：

注：

-I已經關閉了P元素。

- 新增了一個新按鈕「Clean」，您可以像下面顯示的那樣使用JQuery來清理輸出（記得在頁面中引用JQuery）。

<html> 
<meta charset="UTF-8"> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
    <title>Sample Array</title> 
    <script>var index = 0;</script> 
</head> 

<body> 


    Input: 
    <input type="text" id="input" /> 
    <input type="button" value="GO" onClick="press(input.value)"/> 
    <input type="button" value="Clean" onClick="$('#display').html('');"/> 
    <p id = "display"></p> 
    <script> 

     var sample = new Array(); 

     function press(Number) 
     { 

      if (Number != '') 
      { 
       sample[index] = Number; 
       document.getElementById("display").innerHTML += sample[index] + "<br>"; 
       index++; 

      } 

      else 
       alert("empty"); 

      document.getElementById('input').value = '';   
     }  


    </script> 

</body>

來源

2014-01-16 19:04:34 seba47

是的，它的工作原理。但我想讓它在沒有連接到互聯網的情況下工作。有沒有解決它的方法？ –

替換Clean按鈕上的onclick代碼：onClick =「document.getElementById（'display'）。innerHTML ='';」 – seba47

或者您也可以將Jquery庫保存到一個新的JS文件中，並使用腳本標記在您的頁面中引用它。請記住將此引用放入HEAD元素中。 – seba47

試試這個，

的Javascript：

function Clean(){ 
    document.getElmentById('display').innerHTML=''; 
}

HTML：

<input type="button" value="Clean" onClick="Clean()"/>

來源

2014-01-16 19:16:18

非常感謝。這將被添加到我的個人代碼庫。 –

清除輸出區域

回答

相關問題