Dokument.getElementbyId funktioniert nicht im IE 11

Bin versucht zu Holen die gesamte div-Inhalt und die Darstellung in einem Meldungsfenster verwenden-Dokument.getElementById ist. Es funktioniert Prima im IE 8 & 9, aber nicht in IE 10 & 11.

Unten ist das code-snippet, das bin mit.

<body>
  <div id="oDiv1"><input type="text" ></div>
  <div id="oDiv2">Div #2</div>
  <div id="oDiv3">Div #3</div>
  <input type="button" value="Show First DIV Content" onclick="fnGetId()">
</body>

Javascript-code

<script type="text/javascript">
     function fnGetId() {
             var oVDiv=document.getElementById("oDiv1").innerHTML;
             alert(oVDiv);    
    }
</script>

Bin die Eingabe von text in das Textfeld ein. Im IE 8 & 9 seine Einnahme die oDiv1 Inhalt zusammen mit dem text, die ich eingegeben. Wie unten

<input type="text" value="aaa">

Aber im IE 10 & 11, dessen Einnahme den input-tag, aber nicht der Wert, den ich eingegeben.

<input type="text" value="">

Wohin gehe ich falsch? Wie bekomme ich die Inhalte zusammen mit den Werten die ich eingegeben im IE11?

Sie sind nicht, IE 10 und 11 sind mit den standards übereinstimmt. Eingabe in die text-Eingabe sollten nicht ändern Sie den Wert Attribut, der Ausdruck der default-Wert in das markup, es ändert den Wert Eigenschaften. Also, was Sie sehen in den innerHTML-Wert hat das value-Attribut nicht den Wert der value-Eigenschaft.
Haben Sie diese website überprüfen? msdn.microsoft.com/en-us/library/ie/bg182625%28v=vs.85%29.aspx wie pro Ihre doc, Sie sind mit Normen Komplimente

InformationsquelleAutor Vignesh | 2014-12-30

  1. 4

    Weil Sie nicht immer den richtigen Wert, und Sie sind nicht immer die richtigen element. Hier ist ein hacky Lösung.

    var oVDiv=document.getElementById("oDiv1").children[0].value;

    Einem besseren Muster, das wäre eine wirkliche form, und serialisieren Sie die Formular-Werte auf Einreichen.

    JSfiddle-Beispiel

    Das ist nicht unbedingt wahr. Wenn er will, zu tun, Formular-Validierung, dann muss er in der Lage sein, zu prüfen, die Variablen dynamisch.
    Wenn die Validierung fehlschlägt, dann wieder false auf das submit-Ereignis-handler aus, oder rufen Sie preventDefault
    Kinder[0].Wert ist ok, wenn ich ein input-tag in div. Aber wenn es zwei input-tags, und wählen Sie tags in das div, dann funktioniert?
    Es wird funktionieren, aber es wird nur das erste element. Sie iterieren über das array und erhalten Sie alle Werte, aber Ihr gehen zu müssen, überprüfen Sie die Arten von Elementen, die Sie, um den richtigen Wert, vor allem für eine <select> box. Ich gehe mit meiner Beratung eine echte form um den job zu bekommen getan, statt den langen Weg.
    Aber das dauert nur die Werte aus der textbox. Ich brauche, um zu drucken die gesamte html-innen, div zusammen mit dem Wert in das value-Attribut.

    InformationsquelleAutor Ryan

Schreibe einen Kommentar