Сай, у меня есть следующий класс CSS:получить цвет фона класса CSS применяется к элементу
.upComing{ background:#ccc; font-weight:bold; }
и в моем HTML У меня есть таблица, в которой некоторые строки имеют этот класс применяется, например, так:
<table>
<tr> <td></td> <td></td> </tr>
<tr> <td></td> <td></td> </tr>
<tr class='upComing'> <td></td> <td></td> </tr>
<tr> <td></td> <td></td> </tr>
<tr class='upComing'> <td></td> <td></td> </tr>
</table>
до сих пор, так хорошо, но через JavaScript у меня есть события, которые прослушивают щелчки Td, и я хочу, чтобы цвет строки (я знаю, что могу получить класс подряд, но в этом случае я должны быть в состоянии получить цвет от класса).
Мне нужно сделать это, потому что таблица может быть экспортирована в файл excel, а цвета строк не применяются к файлу excel, если они относятся к классу CSS, я хочу применить этот цвет к каждому td перед отправкой html в генератор excel.
PS: таблица динамически генерируется из плагина jQuery, который мы создали, но все же продолжается работа, но когда мы будем чувствовать себя достаточно уверенно, мы опубликуем ее для публики.
--Update-- Вот эта информация по этой теме, для этого действительно существует чистое решение для JavaScript, мне нужно было погрузиться в исходный код jQuery, чтобы проверить это. Вот решение:
1) указывают на любой желаемый элемент
var tr = $("tr.upComing").first()[0];
2) получить вычисленное стиль элемента
var css = window.getComputedStyle(tr);
3) получить значение свойства КОМПЬЮТЕРНОЙ СТИЛЬ
var color = css.getPropertyValue("background-color");
С этого момента я тестировал только в FF, Safari, Chromium и Opera на Mac, если кто-то мог попробуйте это в IE и дайте нам отзывы, которые будут великими.
По существу дублирует http://stackoverflow.com/вопросы/3319/CSS-фон-цвет-в-JavaScript. Вы можете использовать тот же синтаксис, чтобы получить значение. –
Спасибо Aaron, я думаю, что это не настоящий дубликат, так как этот вопрос касается установки фона (inline), этот вопрос касается получения фона, применяемого к элементу класса css. Во всяком случае, спасибо за крик. –
Вот обновление по этой теме, на самом деле есть чистое решение для javascript для этого, я должен был погрузиться в исходный код jquery, чтобы проверить это. Вот решение: 1) указать на нужный элемент var tr = $ ("tr.upComing"). First() [0]; 2) получить COMPUTED STYLE элемента var css = window.getComputedStyle (tr); 3) получите СОБСТВЕННУЮ СТОИМОСТЬ ВЫЧИСЛЕННОГО СТИЛЯ var color = css.getPropertyValue («background-color»); на данный момент я тестировал только в FF, Safari, Chromium и Opera на Mac, если кто-то может попробовать это в IE и дать нам отзывы, которые будут великими. –