How to add a class in document.write() method in javascript

Question

I am adding a class in document.write but it is not showing, below is my code.

new_window = open("","hoverwindow","width=600,height=300,left=10,top=10");
new_window.document.open();
new_window.document.write("<li>Dowload <a href=www.anylink.com class='help'></a></li>");

"help" is defined in my css file. Is the above syntax is correct for applying the class.

The markup in your question is invalid. There should be quotes around the value of the `href` attribute. — Frédéric Hamidi, Feb 20 '13 at 09:43
help class is created but css file may not be present in ur new browser window. — Ashwin, Feb 20 '13 at 09:44
it is present, If i use this class in some td, the td is affected but not in the document.write(). — JN_newbie, Feb 20 '13 at 09:44
@Java_NewBie: Because it's a new document. You have to include the CSS in the new document too if you want to use the `help`-class there. — vstm, Feb 20 '13 at 09:46
@FrédéricHamidi, though it's not valid, browsers know to handle it. — gdoron is supporting Monica, Feb 20 '13 at 09:46
no, that is not in the new browser window it is in the html. — JN_newbie, Feb 20 '13 at 09:46
@MotaBOS you were rite, css class was not included in the new browser window. — JN_newbie, Feb 20 '13 at 10:31

score 0 · Answer 1 · answered Feb 20 '13 at 09:43

0

like @FrédéricHamidi sayd:

new_window = open("","hoverwindow","width=600,height=300,left=10,top=10");
new_window.document.open();    
new_window.document.write("<li>Dowload <a href='www.anylink.com' class='help'></a></li>");

answered Feb 20 '13 at 09:43

RedDevil79

460
5
13

score 0 · Answer 2 · answered Feb 20 '13 at 09:44

0

Your anchor is empty:

<li>Dowload <a href=www.anylink.com class='help'></a></li>
                                                 ^--------

Change to:

<li><a href="www.anylink.com" class='help'>Dowload</a></li>
                                           ^^^^^^^-------

answered Feb 20 '13 at 09:44

gdoron is supporting Monica

136,782
49
273
342

that help class has an image, but the image is not showing up. If I apply this class in any of the attribute in HTML it is working but not in document.write() – JN_newbie Feb 20 '13 at 09:52

score 0 · Answer 3 · edited May 23 '17 at 11:49

0

Don't use document.write - it can cause you problems: Why is document.write considered a "bad practice"?

There are other ways of injecting HTML into pages using Javacsript - .innerHTML being a good example. JavaScript libraries like jQuery also have lots of options.

edited May 23 '17 at 11:49

Community

1
1

answered Feb 20 '13 at 09:44

James

10,716
1
15
19

How to add a class in document.write() method in javascript

3 Answers3