Показать сообщение отдельно
  #1 (permalink)  
Старый 10.11.2014, 12:24
Интересующийся
Отправить личное сообщение для Vladimir93 Посмотреть профиль Найти все сообщения от Vladimir93
 
Регистрация: 08.11.2014
Сообщений: 27

Передача параметров JS в HTML
Добрый день. Такой вопрос. У меня в файле JS есть массив массивов со значениями стилей. Как в HTML-документе div-ам присваивать значения из этого массива.(То есть ссылаться из JS файла в HTML). На переменную upDateTime не обращаем внимание. Интересно, как присвоить цвет диву, и высоту заданную в процентах.
<div align="center" id="red"></div>


var params = {
    lines: [
        {
            background: '#00F',
            updateTime: 1000,
            elements: [{
                background: 'yellow',
                width: 25
            },
                {
                    background: 'green',
                    width: 50
                },
                {
                    background: 'red',
                    width: 25
                }
    ]
 },
        {
            background: 'yellow',
            updateTime: 1000,
            elements: [{
                background: '#00F',
                width: 25
            },
                {
                    background: '#00F',
                    width: 50
                },
                {
                    background: '#00F',
                    width: 25
                }]
        }
        ,
        {
            background: '#00F',
            updateTime: 1000,
            elements: [{
                background: '#00F',
                width: 25
            },
                {
                    background: '#00F',
                    width: 50
                },
                {
                    background: '#00F',
                    width: 25
                }]
        }
]
}
var a = params.lines.length;
lines: [{background: 'red'}]
function createDiv1(){
    for (var i = 0; i < params.lines.length; i++){

    }
}
document.getElementById('red').style.height = 100/a;
document.getElementById('blue').style.height = 100/apx;
document.getElementById('green').style.height = 100/apx;

document.getElementById('red').style.backgroundColor = params.lines[0].background;
Ответить с цитированием