Javascript doing something strange? works in IE but not firefox?

Question

I'm trying to create an element onclick and hide the element when it is clicked but it does nothing?

Why does the hide() function do nothing?

<script type="text/javascript">
function show(){
  var a = document.getElementById('foo');
  var b = document.createElement("div");
  b.setAttribute('id', 'bar');
  b.setAttribute('onclick', 'hide()');
    a.appendChild(b);
b.innerHTML = 'TEXT CONTENT';
b.onclick = function() { 
    hide();
};
} 

function hide() {
    var x = document.getElementById('foo'); 
  var z = document.getElementById('bar');
  x.removeChild(z);
}
</script>

<div id="foo" onclick="show()">CLICK ME</div>

score 1 · Accepted Answer · answered Mar 17 '11 at 06:08

1

Add b.onclick = function() {hide();};

answered Mar 17 '11 at 06:08

b.setAttribute('onclick', 'hide()'); I've already added the onclick function? – Aaron Mar 17 '11 at 06:12
some browsers need this and others are ok with just what you had – Mar 17 '11 at 07:43

score 1 · Answer 2 · edited May 23 '17 at 09:58

1

If this is occurring under IE, then see Stackoverflow - Why does an onclick property set with setAttribute fail to work in IE?

edited May 23 '17 at 09:58

Community

1
1

answered Mar 17 '11 at 06:08

typo.pl

8,812
2
28
29

score 1 · Answer 3 · answered Mar 17 '11 at 06:34

1

you can use jquery method to register function it will work in both IE,FF

A sample for u

$(b).click(function() {
//call your function like hide() i have made a separate function for cleaner code and re usability 
        });

function hide()
{

}

answered Mar 17 '11 at 06:34

ankur

4,565
14
64
100

Javascript doing something strange? works in IE but not firefox?

3 Answers3