2015-02-09 73 views
0

我有5个div。它没有ID或类。我必须改变第三格​​的背景颜色。我在下面尝试,请让我知道这里出了什么问题。如何使用Javascript更改3rd Div backgroundColor

<div>Div sample content</div> 
    <div>Div sample content</div> 
    <div>Div sample content</div> 
    <div>Div sample content</div> 
    <div>Div sample content</div> 

的Javascript

<input type="button" onclick="getValue()" value="Click"/> 

function getValue() 
     { 
      var result = document.getElementsByTagName('div'); 

    alert(result.length); 
      result[4].style.backgroundcolor ="red"; 
     } 

回答

0

尝试大写的C背景Ç的olor。

1

要更改第三DIV使用result[2]的颜色和大写CbackgroundColor

function getValue() 
 
     { 
 
      var result = document.getElementsByTagName('div'); 
 

 
    alert(result.length); 
 
      result[2].style.backgroundColor ="red"; 
 
     }
<div>Div sample content</div> 
 
    <div>Div sample content</div> 
 
    <div>Div sample content</div> 
 
    <div>Div sample content</div> 
 
    <div>Div sample content</div> 
 

 

 
    <input type="button" onclick="getValue()" value="Click"/>

+1

@图莎尔谢谢 – SPN 2015-02-09 05:52:58

1

试试这个:

result[2].style.backgroundColor ="red"; 
     ^-third   ^-capital 

DEMO