document.write with "li" in IE end tags disappear

Oliver Gargour \(Garwin\) · Feb 7, 2010

Hello, I'm tring to write "ul" and "li" tags to an iframe with IE8

window.attachEvent('onload',function(){Build();});

function Build() {
var Temp = eval("Test");
Temp.document.open();
Temp.document.write("<html>" +
"<head>" +
"</head>" +
"<body>" +
"<ul><li>blablabla</li><li>tratratra</li></ul>" +
"</body>" +
"</html>");
Temp.document.close();
alert("Temp="+Temp.document.body.innerHTML); }

<iframe id="Test" src="about:blank" style="PADDING-RIGHT: 0px; PADDING-LEFT:
0px; PADDING-BOTTOM: 0px; WIDTH: 598px; PADDING-TOP: 0px; HEIGHT:
349px"></iframe>

The problem is that some of the "li" closing tags disappear!!!!

The above alert gives :
Temp=<UL>
<LI>Internet
<LI>Creation</LI></UL>

Lasse Reichstein Nielsen · Feb 7, 2010

Oliver Gargour \(Garwin\) said:
function Build() {
var Temp = eval("Test");

Drop the eval, it does nothing here. You could just write
var Temp = Test;
I would recommend
var temp = document.frames['Test'];
instead, though.

Temp.document.open();
Temp.document.write("<html>" +
"<head>" +
"</head>" +
"<body>" +
"<ul><li>blablabla</li><li>tratratra</li></ul>" +
"</body>" +
"</html>");
Temp.document.close();
alert("Temp="+Temp.document.body.innerHTML); }

I take it this is not the actual code, and that the actual code is inside
the Build function.

<iframe id="Test" src="about:blank" style="PADDING-RIGHT: 0px; PADDING-LEFT:
0px; PADDING-BOTTOM: 0px; WIDTH: 598px; PADDING-TOP: 0px; HEIGHT:
349px"></iframe>

The problem is that some of the "li" closing tags disappear!!!!

The above alert gives :
Temp=<UL>
<LI>Internet
<LI>Creation</LI></UL>

The problem is your expectations

IE isn't following any standard with innerHTML, so there is no specified
way it must represent its document structure. Apparently it chooses to
omit the li end tag when building a string representation of the document.
The li end tag may be omitted in HTML, so that's perfectly reasonable.

Is there a problem with the display of the list?

/L

David Mark · Feb 9, 2010

Lasse said:
Oliver Gargour \(Garwin\) said:

function Build() {
var Temp = eval("Test");

Click to expand...

Drop the eval, it does nothing here. You could just write
var Temp = Test;
I would recommend
var temp = document.frames['Test'];
instead, though.

Did you mean window.frames? I honestly don't know which is the
standard, but document.frames doesn't make much sense to me (and is
undefined in FF1).

David Mark · Feb 9, 2010

David said:
Lasse said:

Oliver Gargour \(Garwin\) said:

function Build() {
var Temp = eval("Test");

Click to expand...

Drop the eval, it does nothing here. You could just write
var Temp = Test;
I would recommend
var temp = document.frames['Test'];
instead, though.

Click to expand...

Did you mean window.frames? I honestly don't know which is the
standard, but document.frames doesn't make much sense to me (and is
undefined in FF1).

Oops, I meant "standard" (as in there is no real standard for the window
object).

Working on mobile css menu with plenty of frustration!	2	Dec 29, 2022
Need help with code on website (noob)	2	Jul 18, 2022
Is it possible an iframe can overlapp another?	3	Apr 20, 2022
Help with my responsive home page	2	Dec 14, 2022
Browser crashes with below code.What is wrong in below code.	12	Dec 4, 2011
getComputedStyle, where is my LI?	7	Nov 1, 2009
Help with code	0	Jun 12, 2022
CSS hover image link not working in IE	1	Oct 1, 2011

document.write with "li" in IE end tags disappear

Oliver Gargour \(Garwin\)

Lasse Reichstein Nielsen

David Mark

David Mark

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads