javascript and css styling

Question

Basically i just want to have padding to the left and not all around on this code:

if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
  document.getElementById("livesearch").innerHTML=xmlhttp.responseText;
  document.getElementById("livesearch").style.border="1px solid #000";
  document.getElementById("livesearch").style.background="#FFF";
  document.getElementById("livesearch").style.padding-left="10px";    
}

But i don't know the syntax as padding-left breaks the argument. Is there a better way to do this without using a CSS as there are different styles depending on the if/else statements?

allen213 · Accepted Answer · 2012-07-11 10:46:51Z

3

In native js you want paddingLeft not padding left

document.getElementById("livesearch").style.paddingLeft="10px";

answered Jul 11, 2012 at 10:46

allen213

2,2692 gold badges15 silver badges21 bronze badges

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

Comments

Yash Dayal · Accepted Answer · 2012-07-11 10:48:34Z

3

Try this: document.getElementById("livesearch").style.paddingLeft="10px";

answered Jul 11, 2012 at 10:48

Yash Dayal

1,1748 silver badges7 bronze badges

Comments

SANA · Accepted Answer · 2018-03-15 12:55:52Z

1

its always good to catch your variables on top as well,

var liveSearch = document.getElementById("livesearch")
liveSearch.style.paddingLeft = "10px";

answered Mar 15, 2018 at 12:55

SANA

6997 silver badges12 bronze badges

Comments

Moataz Elmasry · Accepted Answer · 2012-07-11 10:50:16Z

0

There's a reference that explains which javasceript term corresponds to which css. like this This page

But generally its a good practice to use css whenever possible. This separation between javascript and css is recommended.

answered Jul 11, 2012 at 10:50

Moataz Elmasry

2,5194 gold badges28 silver badges39 bronze badges

Collectives™ on Stack Overflow

javascript and css styling

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related