why i can't use attachEvent with innerHTML;

[SkyZhao]

if i use AttachEvent like this,it can't work;
eg:

var img = document.createElement("img");
img.attachEvent("onclick",alert("test"));
var div = document.createElement("div");
div.appendChild(img); //can't work;
div.innerHTML="<-click this";


but i use attachEvent like this,it work;
eg:

var img = document.createElement("img");
img.attachEvent("onclick",alert("test"));
var text = document.createElement("span");
text.innerHTML="<-click this";
var div = documet.createElement("div");

div.appendChild(img); //can work
div.appendChild(text);

 

[Peter Michaux]

if i use AttachEvent like this,it can't work;
eg:

var img = document.createElement("img");
img.attachEvent("onclick",alert("test"));
var div = document.createElement("div");
div.appendChild(img); //can't work;
div.innerHTML="<-click this";

but i use attachEvent like this,it work;
eg:

var img = document.createElement("img");
img.attachEvent("onclick",alert("test"));
var text = document.createElement("span");
text.innerHTML="<-click this";
var div = documet.createElement("div");

div.appendChild(img); //can work
div.appendChild(text);

Was there a problem with the answer I supplied before?

<URL: http://groups.google.com/group/comp.lang.javascript/msg/de4303743575ead4>

Peter

 

[SkyZhao]

Was there a problem with the answer I supplied before?

<URL:http://groups.google.com/group/comp.lang.javascript/msg/de4303743575ead4>

Peter

thx;
but it also can't work like this;
img.attachEvent("onclick",function(){alert("test")});

when i use the attachEvent and use innerHTML . the event can't work;

 

[Peter Michaux]

if i use AttachEvent like this,it can't work;
eg:

var img = document.createElement("img");
img.attachEvent("onclick",alert("test"));
var div = document.createElement("div");
div.appendChild(img); //can't work;
div.innerHTML="<-click this";

The above line removes the image from the div. InnerHTML removes all
other children from the element.

replace this

div.innerHTML="<-click this";

with

div.appendChild(document.createTextNode('<--click this'));

You should be able to see both the image and the text this way.

Peter

 

[SkyZhao]

The above line removes the image from the div. InnerHTML removes all
other children from the element.

replace this


with

div.appendChild(document.createTextNode('<--click this'));

You should be able to see both the image and the text this way.

Peter

can i use this
div.innerHTML+="<--click this" ?

 

[Peter Michaux]

can i use this
div.innerHTML+="<--click this" ?

You can but I probably wouldn't since this requires conversion of dom
to string and back to dom for the image. That is unnecessary.

Peter