Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Should I use .innerHTML or .value for <textarea>?

This is a follow-up of Does this not work because I can't use a script in a div?

Where I left off, I had this code:
Button script:

<script>
    var correctProperty = "value";
    function run(){
        document.getElementsByTagName("head")["0"].innerHTML += eval(document.getElementById("editorHead")[correctProperty]);
        document.getElementById("result").innerHTML = eval(document.getElementById("editorBody")[correctProperty]);
    }
</script>

The textareas (without class and style attributes & in between non-div text):

<textarea id="editorHead" rows="20"></textarea>
<textarea id="editorBody" rows="20"></textarea>
<div id="result"></div>

Currently this doesn't work, and one of my answers from before (the accepted one) said that correctProperty should be set to "innerHTML". So should it? Or is the problem an interference with window (like before)? Or, ... should I put it in a form and then use "value"?

like image 857
raumaan kidwai Avatar asked Nov 14 '13 19:11

raumaan kidwai


2 Answers

Javascript innerHTML does update the text in textarea but it doesn't show yours changes in the browser window; if you use it for the second time. for example, If you had some button that updates the text in textarea; this button would insert text for the first time but on second time although it would insert text in textarea (as can be proved by firebug or chrome developer tool) but this would not be shown in browser window. Instead if you use value this would be shown in browser (I had test it in chrome and firefox).

So I think you should use .value

like image 177
Adeel Raza Azeemi Avatar answered Sep 29 '22 19:09

Adeel Raza Azeemi


You access and update the value of a textarea element through the "value" property.

Try:

 var theValue = document.getElementById("editorHead").value;

Updating the <html> element doesn't make much sense.

like image 44
Pointy Avatar answered Sep 29 '22 20:09

Pointy