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]

On Apr 26, 7:13 pm, SkyZhao <[e-mail]:

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]

On 4ÔÂ27ÈÕ, ÉÏÎç10ʱ29·Ö, Peter Michaux <[e-mail]:

On Apr 26, 7:13 pm, SkyZhao <[e-mail]:

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

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]

On Apr 26, 7:13 pm, SkyZhao <[e-mail]:

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]

On 4ÔÂ27ÈÕ, ÉÏÎç11ʱ15·Ö, Peter Michaux <[e-mail]:

On Apr 26, 7:13 pm, SkyZhao <[e-mail]:

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

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

[Peter Michaux]

On Apr 26, 8:18 pm, SkyZhao <[e-mail]:

On 4月27日, 上�11时15分, PeterMichaux <[e-mail]:

On Apr 26, 7:13 pm, SkyZhao <[e-mail]:

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

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

[Randy Webb]

SkyZhao said the following on 4/26/2007 11:18 PM:

On 4月27日, 上�11时15分, Peter Michaux <[e-mail]:

>On Apr 26, 7:13 pm, SkyZhao <[e-mail]:

>>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

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

Did you try it? Or are you just guessing wanting someone to do it for you?

--
Randy
Chance Favors The Prepared Mind
comp.lang.javascript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/