Store html code to javascript variable

Question

I have a problem when converting store html code to javascript variable, I know we can convert using converter tools, but I can't use this converter in my situation.

I am trying the following code

var t_cls="font-effect-anaglyph rotator";
var randompostsurl="www.allinworld99.blogspot.com";
var randompoststitle="Open Inspect Element And see the Code";
var default_script = "<script> document.write('<div><a  class="+t_cls+" href=\"' + randompostsurl + '\" rel=\"nofollow\">' + randompoststitle + '<\/a><\/div>'); <\/script>\n";

$("#apnd").append(default_script);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>

<div id="apnd"></div>

The above one will produce the following output

<a class="font-effect-anaglyph" rotator="" href="www.allinworld99.blogspot.com" rel="nofollow">Open Inspect Element And see the Code</a>

Why the rotator class will created as new attribute?

T.J. Crowder · Accepted Answer · 2015-05-20 05:35:30Z

4

Because there are no quotes around the class attribute in the result. You need to add them, since you have a space in the attribute's value:

default_script = "<script>        document.write('<div><a class=\""+t_cls+"\" href=\"' + randompostsurl + '\" rel=\"nofollow\">' + randompoststitle + '<\/a><\/div>');<\/script>\n";
// Here --------------------------------------------------------^^---------^^

answered May 20, 2015 at 5:35

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Amit · Accepted Answer · 2015-05-20 05:37:27Z

0

Replace your default_script code

 default_script = "<script>        document.write('<div><a class='"+t_cls+"' href=\"' + randompostsurl + '\" rel=\"nofollow\">' + randompoststitle + '<\/a><\/div>');<\/script>\n";

answered May 20, 2015 at 5:37

Amit

86710 silver badges18 bronze badges

Comments

blin2linkme · Accepted Answer · 2015-05-20 05:49:42Z

0

As there are no quotes in class, it produce rotator as a new attribute. But you can achieve rotator as a class by the following way. i.e replacing single quotes with escape sequence.

<script>$(document).ready(function(){
 var t_cls="font-effect-anaglyph rotator", randompostsurl="www.allinworld99.blogspot.com",
 randompoststitle="Open Inspect Element And see the Code",
 default_script = "document.write(\"<div><a class=\""+t_cls+"\" href=\"" + randompostsurl + "\" rel=\"nofollow\">\" + randompoststitle + \"<\/a><\/div>\");<\/script>\n";
$("#apnd").append(default_script);
});
</script>

edited May 20, 2015 at 5:49

answered May 20, 2015 at 5:48

blin2linkme

1195 bronze badges

3 Comments

T.J. Crowder Over a year ago

That will produce a document.write statement that will fail when executed, as what it produces looks like this:

document.write("<div><a class="font-effect-anaglyph rotator" href="www.allinworld99.blogspot.com" rel="nofollow">" + randompoststitle + "</a></div>");</script>

blin2linkme Over a year ago

The error is Fixed T.J.Crowder. Thank you for reminding :)

T.J. Crowder Over a year ago

No, the error isn't fixed. :-) The answer hasn't been changed since I posted my comment, and the problem remains.

Collectives™ on Stack Overflow

Store html code to javascript variable

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related