cleartext Javascript Funktion funktioniert nicht

Ich versuche, cleatext zu verwenden, um den Inhalt in der Textfläche mit ID "CSS" zu löschen, aber es funktioniert nicht, weiß jemand, was hier falsch ist?cleartext Javascript Funktion funktioniert nicht

<!DOCTYPE html> 

    <html> 
     <head> 
      <meta charset="utf-8"> 
      <title>CSS3 Flexible Box Layout</title> 
      <script type="text/javascript"> 

       function preview() { 
        var textArea = document.getElementById('html'); 
        var div = document.getElementById('preview'); 
        var text = textArea.value; 
        div.innerHTML = text; 
       } 

       function cleartext() { 
        var textareaObject = document.getElementById('css'); 

        console.dir(textareaObject); 
        textareaObject.innerHTML = ""; 
       } 
      </script> 
     </head> 
     <body> 
      <form action="#" method="POST"> 
       <div id="columnsWrapper"> 

        <div class="middleRow"> 

         <textarea id="css" name="css" placeholder="CSS..."></textarea> 
         <br> 
         <textarea id="html" name="html" placeholder="HTML..."></textarea> 

        </div> 
        <div class="middleRow2" id="preview"></div> 
        <div id="button"> 
         <br> 
         <button type="button" class="button" onclick="preview()">Launch</button> 
         <button type="button" class="button" onclick="cleartext()" >Clear</button> 
         <button type="button" class="button">Toggle</button> 
        </div> 
        <div class="empty"></div> 
       </div> 
      </form> 
     </body> 
    </html>

Ich habe auch versucht zu verwenden textareaObject.value = null; funktioniert es auch nicht.

Quelle

2016-09-30 Shaowei Zhou

Haben Sie versucht textareaObject.value = ""? Dies sollte wahrscheinlich funktionieren.

Quelle

2016-09-30 19:33:14 0xDECAFBAD

Verwenden value statt innerHTML

   function preview() { 
 
        var textArea = document.getElementById('html'); 
 
        var div = document.getElementById('preview'); 
 
        var text = textArea.value; 
 
        div.value = text; 
 
       } 
 

 
       function cleartext() { 
 
        var textareaObject = document.getElementById('css'); 
 

 
        console.dir(textareaObject); 
 
        textareaObject.value = ""; 
 
       }

<!DOCTYPE html> 
 

 
    <html> 
 
     <head> 
 
      <meta charset="utf-8"> 
 
      <title>CSS3 Flexible Box Layout</title> 
 
     </head> 
 
     <body> 
 
      <form action="#" method="POST"> 
 
       <div id="columnsWrapper"> 
 

 
        <div class="middleRow"> 
 

 
         <textarea id="css" name="css" placeholder="CSS..."></textarea> 
 
         <br> 
 
         <textarea id="html" name="html" placeholder="HTML..."></textarea> 
 

 
        </div> 
 
        <div class="middleRow2" id="preview"></div> 
 
        <div id="button"> 
 
         <br> 
 
         <button type="button" class="button" onclick="preview()">Launch</button> 
 
         <button type="button" class="button" onclick="cleartext()" >Clear</button> 
 
         <button type="button" class="button">Toggle</button> 
 
        </div> 
 
        <div class="empty"></div> 
 
       </div> 
 
      </form> 
 
     </body> 
 
    </html>

Quelle

2016-09-30 19:37:46 SAM

http://plnkr.co/edit/4PWSzqItL55DqhVQV4PC?p=preview

<!DOCTYPE html> 

    <html> 
     <head> 
      <meta charset="utf-8"> 
      <title>CSS3 Flexible Box Layout</title> 
      <script type="text/javascript"> 

       function preview() { 
        var textArea = document.getElementById('html'); 
        var div = document.getElementById('preview'); 
        var text = textArea.value; 
        div.innerHTML = text; 
       } 

       function cleartext() { 
        var textareaObject = document.getElementById('css'); 

        console.dir(textareaObject); 
        textareaObject.value = ""; 
       } 
      </script> 
     </head> 
     <body> 
      <form action="#" method="POST"> 
       <div id="columnsWrapper"> 

        <div class="middleRow"> 

         <textarea id="css" name="css" placeholder="CSS..."></textarea> 
         <br> 
         <textarea id="html" name="html" placeholder="HTML..."></textarea> 

        </div> 
        <div class="middleRow2" id="preview"></div> 
        <div id="button"> 
         <br> 
         <button type="button" class="button" onclick="preview()">Launch</button> 
         <button type="button" class="button" onclick="cleartext()" >Clear</button> 
         <button type="button" class="button">Toggle</button> 
        </div> 
        <div class="empty"></div> 
       </div> 
      </form> 
     </body> 
    </html>

Quelle

2016-09-30 19:40:10

cleartext Javascript Funktion funktioniert nicht

Antwort

Verwandte Themen