Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Покрасить текст в таблице

Автор: stat007 16.11.2011, 15:45

Есть такой пример:

Код


<style type="text/css">

  A {color:red;}
  A SPAN {color: blue;}
  .t {color:red;}  
    td .c { color: red; }

</style>

<body>

<table id=”t”><br />
    <tr><br />
        <td class=”c”>Текст</td><br />
    </tr><br />
</table>

Подскажите, как правильно с помощью JavaScript решить эту ситуацию, а именно окрасить слово Текст в красный цвет??

Автор: ayax2005 16.11.2011, 16:07

document.getElementById('t').style.color='#FF0000';

Автор: stat007 16.11.2011, 16:45

ayax2005, Ну вот попробывал так как ты написал, но нифига не получилось.(

Код


<style type="text/css">

  A {color:red;}
  A SPAN {color: blue;}
  .t {color:red;}
  
    td .c { color: red; }


</style>
</head>

<body>

<table id=”t”><br />
    <tr><br />
        <td class=”c”>Текст</td><br />
    </tr><br />
</table>

<script type="text/javascript">
document.getElementById('t').style.color = '#777777';
</script>

Автор: $дмитрий 16.11.2011, 17:35

Самый простой

Код


$(".c").css('color', '#777');

Если без применения библиотек смотри querySelector, ну и еще есть куча способов

Автор: -=Ustas=- 16.11.2011, 19:36

stat007, в твоем примере ты пытаешься покрасить элементы до загрузки DOM. оберни след.образом:

Код


<script type="text/javascript">
document.onload = function() 
{
  document.getElementById('t').style.color = '#777777';
};
</script>