2017-09-01 5 views
0

Also besichtige ich ein Website-Feld, wo ich Text eingeben kann. Bei den meisten Textfeldern/Feldern wird beim Eingeben von Text als 'innerText' oder als Wert 'text' gespeichert, aber dieses Feld speichert die Zeichenfolge nicht wie in HTML. Das bedeutet, dass ich den Text in diesem Feld nicht bearbeiten kann.Suchen Sie HTML-Text, der nicht als Wert gespeichert ist?

Wo würde diese Zeichenfolge gespeichert und wie könnte ich sie mit Javascript bearbeiten?

<div id="mirror" class="mirror-text style-scope iron-autogrow-textarea" aria-hidden="false">sdslll&nbsp;</div> 


<div class="textarea-container fit style-scope iron-autogrow-textarea"> 
    <textarea id="textarea" class="style-scope iron-autogrow-textarea" rows="3" autocomplete="off" required="" maxlength="10000"></textarea> 
</div> 

Wie Sie sehen können, "Spiegel" hält den Text, den ich bearbeiten möchten. Aber wenn ich das bearbeiten, dauert es nicht Wirkung

+0

Können Sie nach Ihren HTML und JS bitte die haben Sie geschrieben bitte? –

+0

nicht möglich, zu einem Abschluss zu kommen, wenn der Code nicht gesehen wird. Aber angenommen, es wird ein lokaler Storgae. Überprüfen Sie auch, ob es einen Netzwerkanruf gibt – brk

Antwort

0
<html> 
<body> 
    <input id='in' type='text' /> 
    <h3 id='out'></h3> 
    <script> 
     let input = document.getElementById('in'); 
     let output = document.getElementById('out'); 

     document.onkeyup = function() { 
      output.innerHTML = input.value; 
     }; 
    </script> 
</body> 
</html> 
+0

Der Text bleibt auf dem Bildschirm immer noch gleich –

+0

Nichts ändert sich, wenn Sie etwas in das Textfeld eingeben? –

+0

Das ist die Sache, nur der Text ändert sich in das Feld und in das Element, wenn Sie die Tasten manuell eingeben –

0
<script> 
    window.onload = function() { setValue(); } 

    function setValue(){ 
     document.getElementById("mirror").value = "Some value here"; 
    } 
</script> 


<input id="mirror" class="mirror-text style-scope iron-autogrow-textarea" aria-hidden="false" value="sdslll&nbsp;"> 

<div class="textarea-container fit style-scope iron-autogrow-textarea"> 
    <textarea id="textarea" class="style-scope iron-autogrow-textarea" rows="3" autocomplete="off" required="" maxlength="10000"></textarea> 
</div> 
+0

Siehe, wenn ich dieses Element überhaupt bearbeiten, hat es keine Auswirkungen. Der Text ist immer noch der gleiche. Wie das Element in der Quelle ändert. Aber auf dem Bildschirm ist der Text der gleiche –

+0

Sie können ein 'div' Element nicht bearbeiten. Sie können meinen aktualisierten Code sehen. Ich habe das div-Element durch ein Eingabeelement ersetzt und beim Laden der Seite aktualisiere ich den Wert des Eingabeelements. –

+0

Hmm, der HTML-Code ändert sich, aber der Text auf dem Bildschirm ist immer noch derselbe –

Verwandte Themen