how to get javascript variable in inline style

Question

i want to use a javascript variable screen as style backgroundattribute in a inline style declaration.

<div id ="content" style=" position: relative; top: -400px;  left: 0px;  width: 60px; height: 400px; z-index: 901;background-image: url(' + screen + ') "></div>

Read this - http://stackoverflow.com/questions/710275/how-to-add-update-an-attribute-to-an-html-element-using-javascript — klewis, Mar 09 '13 at 19:11

score 1 · Accepted Answer · edited Mar 09 '13 at 18:46

1

document.write('<div id ="content"
  style="
    position: relative;
    top: -400px;
    left: 0px;
    width: 60px;
    height: 400px;
    z-index: 901;
    background-image: url(' + screen + ')
  ">
</div>')

or

document.getElementById('content').style.backgroundImage = screen;

edited Mar 09 '13 at 18:46

Cody Guldner

2,888
1
25
36

answered Mar 09 '13 at 18:09

pawkow

26
2

i wondered if it could be done as in my code but it cant i presume. – wetlip Mar 10 '13 at 00:10

how to get javascript variable in inline style

1 Answers1