Inserting Attribute In JavaScript

Question

So I am currently looking for a solution to insert align="center" into a block quote. I am hitting an API and getting back a string of HTML as shown:

<blockquote class="twitter-tweet"><p lang="en" dir="ltr">Las Vegas utilities really don’t want the strip to go solar blah blah</blockquote>

What I am trying to do is add an align="center" to the blockquote in the most efficient way as shown below:

<blockquote class="twitter-tweet" align="center"><p lang="en" dir="ltr"></blockquote>

I am currently going Rambo and just replacing the string using:

myString = myString.replace("<blockquote class=\"twitter-tweet\">", "<blockquote class=\"twitter-tweet\" align=\"center\">");

But it feels as if this is a hacky solution as I am fairly new to JavaScript. Is there a better way to do it using JQuery and serializing the HTML that I am missing?

Thank you all in advance!

Use CSS, via JavaScript: blockquoteReference.style.textAlign = 'center'? — David Thomas
– David Thomas, Commented Mar 31, 2016 at 12:47
align="center" has been deprecated for quite some time now. Use CSS. — Daniel Beck
– Daniel Beck, Commented Mar 31, 2016 at 12:53

score 2 · Accepted Answer · 2016-10-17 08:35:39Z

2

As you tell us in your tags, you're somehow using jQuery so why don't do:

$("blockquote").attr("align","center");

And then use it like this:

$(document).ready(function(){ //or in some other function
    $("blockquote").attr("align","center"); 
});

I think you know, that you can do this with CSS so I won't tell you again. ;)

edited Oct 17, 2016 at 8:35

answered Mar 31, 2016 at 12:53

user5653854

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

Comments

Jeff Puckett · Accepted Answer · 2016-03-31 12:54:41Z

1

You should use css. But if you really want to use the attribute,

$("blockquote").attr("align","center")

answered Mar 31, 2016 at 12:54

Jeff Puckett

41.5k19 gold badges125 silver badges177 bronze badges

Comments

RGA · Accepted Answer · 2016-03-31 12:50:32Z

-1

In the css file, add

blockquote{
text-align:center;
}

answered Mar 31, 2016 at 12:50

RGA

3134 silver badges12 bronze badges

Collectives™ on Stack Overflow

Inserting Attribute In JavaScript

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related