Home/ Questions/Q 6625283
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T21:45:18+00:00

Why doesn’t it work? <body> <p id=element_id> blah </p> </body> var pcontent = document.getElementById(‘element_id’).innerHTML;

  • 0

Why doesn’t it work?

<body>
    <p id="element_id">
        blah
    </p>


</body>




var pcontent = document.getElementById('element_id').innerHTML;

function exit(){

document.getElementById('id2').innerHTML = pcontent;

}

var a = '<div id="id2"><input type="button" value="exit" onclick= "exit()"></div>' ;


document.getElementById('element_id').innerHTML= a;

http://jsfiddle.net/B94kx/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The problem here is not your code but instead the way in which you are running the code on jsfiddle. Your fiddle has the onLoad option set which means all of the javascript code runs in the onLoad callback. So the exit function is defined in the callback and not in the global scope. Hence the event handler can’t reference exit.

    This can be fixed by simply removing the onLoad option and instead using no wrap (body)

    Working Fiddle: http://jsfiddle.net/NjbVh/

    Or alternately you can force exit to be a global by attaching it to the window.

    window.exit = function() {
  document.getElementById('id2').innerHTML = pcontent;
}
    • 0