JS element.innerHTML plus input content

cottton · 17. November 2013

Hab gerade ein Problem.
Beispielzustand:
formular in einem div container

Wenn ich jetzt das div anspreche und den Inhalt nehme (var inhalt = document.getElement...().innerHTML),
dann bekomme ich nicht evtl eingegebene Daten der input-Felder.

Gibts dafür ne Lösung? Sowas wie cloneNode(true) für innerHTML?

Basi · 16. Januar 2014

Spontan fällt mir ein die Inputs einfach zu überprüfen und gegebenenfalls ändern:

HTML

<!DOCTYPE html>
<html>




<head>
  <title>Titel</title>
  <script>




  function readMe(){
    var code = document.getElementById('formular');
    var inputs = code.getElementsByTagName('input');
    for(var i=0;i<inputs.length;i++){
      if(!inputs[i].value){
        inputs[i].removeAttribute("value");
      } else {
        inputs[i].setAttribute("value", inputs[i].value);
      }
    }
    document.getElementById('code').innerText = code.innerHTML;
  }




  </script>
</head>




<body>
  <div id="formular">
    <form action="#">
      <p>Name: <input type="text" name="name" /></p>
      <p>Alter: <input type="text" name="alter" /></p>
      <input type="button" value="Senden" />
    </form>
  </div>
  <hr />
  <div>
    <input type="button" value="Code auslesen" onclick="readMe()" />
  </div>
  <pre id="code"></pre>
</body>
</html>

Alles anzeigen

JS element.innerHTML plus input content

Jetzt mitmachen!

Teilen