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"
?
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
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With