why i can't use attachEvent with innerHTML;

[SkyZhao]

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

var img = document.create Element("img");
img.attachEvent ("onclick",aler t("test"));
var div = document.create Element("div");
div.appendChild (img); //can't work;
div.innerHTML=" <-click this";
but i use attachEvent like this,it work;
eg:

var img = document.create Element("img");
img.attachEvent ("onclick",aler t("test"));
var text = document.create Element("span") ;
text.innerHTML= "<-click this";
var div = documet.createE lement("div");

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

[Peter Michaux]

On Apr 26, 7:13 pm, SkyZhao <sky.zhao....@g mail.comwrote:

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

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

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

var img = document.create Element("img");
img.attachEvent ("onclick",aler t("test"));
var text = document.create Element("span") ;
text.innerHTML= "<-click this";
var div = documet.createE lement("div");

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

Was there a problem with the answer I supplied before?

<URL: http://groups.google.c om/group/comp.lang.javas cript/msg/de4303743575ead 4>

Peter

[SkyZhao]

On 4ÔÂ27ÈÕ, ÉÏÎç10ʱ29·Ö, Peter Michaux <petermich....@ gmail.comwrote:

On Apr 26, 7:13 pm, SkyZhao <sky.zhao....@g mail.comwrote:

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

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

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

var img = document.create Element("img");
img.attachEvent ("onclick",aler t("test"));
var text = document.create Element("span") ;
text.innerHTML= "<-click this";
var div = documet.createE lement("div");

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

Was there a problem with the answer I supplied before?

<URL:http://groups.google.c om/group/comp.lang.javas cript/msg/de4303743575ead 4>

Peter

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

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

[Peter Michaux]

On Apr 26, 7:13 pm, SkyZhao <sky.zhao....@g mail.comwrote:

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

var img = document.create Element("img");
img.attachEvent ("onclick",aler t("test"));
var div = document.create Element("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.creat eTextNode('<--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 <petermich....@ gmail.comwrote:

On Apr 26, 7:13 pm, SkyZhao <sky.zhao....@g mail.comwrote:

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

var img = document.create Element("img");
img.attachEvent ("onclick",aler t("test"));
var div = document.create Element("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.creat eTextNode('<--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 <sky.zhao....@g mail.comwrote:

On 4月27æ—¥, 上å�ˆ11æ—¶15åˆ †, PeterMichaux <petermich...@g mail.comwrote:

On Apr 26, 7:13 pm, SkyZhao <sky.zhao....@g mail.comwrote:

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

var img = document.create Element("img");
img.attachEvent ("onclick",aler t("test"));
var div = document.create Element("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.creat eTextNode('<--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 <petermich...@g mail.comwrote:

>On Apr 26, 7:13 pm, SkyZhao <sky.zhao....@g mail.comwrote:

>>if i use AttachEvent like this,it can't work;
eg:
var img = document.create Element("img");
img.attachEve nt("onclick",al ert("test"));
var div = document.create Element("div");
div.appendChi ld(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.appendChil d(document.crea teTextNode('<--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.javas cript FAQ - http://jibbering.com/faq/index.html
Javascript Best Practices - http://www.JavascriptToolbox.com/bestpractices/