JavaScript: изменить стиль элемента, заданный классом

Я попытался изо всех сил решить мою собственную проблему, но у меня возникли проблемы с запуском довольно простого сценария JS.JavaScript: изменить стиль элемента, заданный классом

Я пытаюсь изменить цвет шрифта текста, который содержит символ «-» для указанного класса элемента.

Это то, что я получил:

<html> 
<body> 
<script> 
<!-- 
function myFunction() 
{ 
var elements = document.getElementsByClassName("example"); 

for(var i = 0, length = elements.length; i < length; i++) 
{ 
    if(elements[i].textContent.indexOf('-') != -1) 
     { 
      elements[i].style.color = red; 
     } 
    } 
} 
--> 
</script> 
<table> 
    <tr> 
     <td class="example">-100<td> 
     <td class="example">100<td> 
    </tr> 
</table> 
</body> 
</html>

Что я сделал не так?

Редактировать: Это последний код, с которым я работал, который отлично работает.

<!DOCTYPE html> 
<html> 
<body> 

<script type="text/javascript"> 
<!-- 
function myFunction() 
{ 
    var elements = document.getElementsByClassName("example"); 

    for(var i = 0, length = elements.length; i < length; i++) 
    { 
     if(elements[i].textContent.indexOf('-') !== -1) 
      { 
       elements[i].style.color = "red"; 
      } else 
      { 
       elements[i].style.color = "green"; 
      } 
    } 
} 
--> 
</script> 

<table> 
<tr> 
<td class="example">-100<td> 
<td class="example">100<td> 
</tr> 
</table> 
<script type="text/javascript"> 
<!-- 
myFunction(); 
--> 
</script> 
</body> 
</html>

источник

2014-10-13 Tim Dickinson

'.indexOf() не используется' должным образом это вызов функции, которая принимает строку и возвращает целое число. – jfriend00

'if (elements [i] .textContent.indexOf ('-')! = -1)' – artm

@TimDickinson вы также отметили ответ Трой Джицци? – vusan

Я считаю, что в общей сложности три ошибки здесь:

Не вызывая функцию вообще. Это может быть предметом заботы как так:

<body onload="myFunction();">
Неправильное использование indexOf. Вот правильный путь:

if(elements[i].textContent.indexOf('-') !== -1)
Не цитирует цвет буквальным. Поместите red в кавычки.

elements[i].style.color = "red";

источник

2014-10-13 04:06:52

Блестящий! Спасибо Трою. –

Вы не называется ваша функция JS & использование elements[i].textContent.indexOf('-') === 0 вместо текущего кода. Полный код для вас -

function myFunction() 
{ 
var elements = document.getElementsByClassName("example"); 

for(var i = 0, length = elements.length; i < length; i++) 
{ 

if(elements[i].textContent.indexOf('-') === 0) 
    { 

     elements[i].style.color = "red"; 
    } 
} 
} 

</script> 
<table> 
<tr> 
    <td class="example">-100<td> 
    <td class="example">100<td> 
</tr> 
</table>

источник

2014-10-13 04:14:38 Jobayer

JavaScript: изменить стиль элемента, заданный классом

ответ

Смежные вопросы