Question

我有5个div。它上面没有ID或类。我必须改变第3格的背景颜色。我在下面试试，请告诉我这里出了什么问题。

 <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";
        }

Answer 1

要更改第3个div的颜色，请使用result[2]并将C中的backgroundColor大写

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"/>

Answer 2

试试这个：

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

DEMO

Answer 3

尝试在背景 C olor中大写c。

如何使用Javascript更改3rd Div背景颜色

3 个答案: