2017-09-01 4 views
0

私はテキストを入力できるウェブサイトのフィールドを調べています。ほとんどのテキストボックス/フィールドで、テキストを入力すると 'innerText'または 'text'という値として保存されますが、このフィールドはhtmlのどこにもそのような文字列を保存しません。これは、そのフィールドにあるテキストを編集できないことを意味します。値として保存されないHTMLテキストを検索しますか?

この文字列はどこに保存されますか?また、javascriptを使用して編集するにはどうすればよいですか?

<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> 

あなたが見ることができるように、 "ミラー" は、私が編集したいテキストを保持しています。しかし、私はそれが

+0

有効にならないことを編集するときに、あなたがしてください書かれているあなたのHTMLとJSをしてください投稿することができますか? –

+0

コードを見ない限り結論に至ることはできません。しかし、それはlocalStorgaeになると仮定します。また、ネットワーク通話があるかどうかを確認してください – brk

答えて

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

テキストが画面上にそのまま残ります –

+0

テキストフィールドに何かを入力しても何も変わりませんか? –

+0

これは事実です。手動でキーを入力すると、フィールドと要素のテキストのみが変更されます –

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

参照してください。この要素を編集すると、影響はありません。テキストはまだ同じです。ソースの要素の変更と同様です。しかし画面では、テキストは同じです –

+0

'div'要素を編集することはできません。あなたは私の更新されたコードを見ることができます。 div要素をinput要素に置き換え、ページの読み込み時にinput要素の値を更新します。 –

+0

ええと、HTMLコードは変わっていますが、画面上のテキストは変わりません –

関連する問題