Javascript無法通過ID的某些元素

Question

我正在嘗試使3條線執行某些操作：第1行旋轉45度，而某些轉換第1行不透明度0第1行旋轉-45度，而另一些

<a href = "#"><div id = "menu" onclick="menu()">
              <div id = "lineOne">1</div>
              <div id = "lineTwo">1</div>
              <div id = "lineThree">1</div>
              </div>
</a>

function menu()
{
    //Show Differnet Button
    document.getElementById('lineOne').style.WebkitTransform = "rotate(45deg) translate3d(10px,10px,0)";
    document.getElementById('lineTwo').style.opacity = ".3";
    document.getElementById('lineThree').style.WebkitTransform = "rotate(-45deg) translate3d(10,-10px,0)";
}

#lineOne, #lineTwo, #lineThree, #line4, #line5, #line6
{
    margin-top: 6px;
    margin-left: 30px;
    position: relative;
    top: 0px;
    right: 0px;
    width: 50%;
    height: 7px !important;
    background: black;
    color: rgba(1,1,1,0) !important;
}

我在JS Fiddle上的代碼在上面，而我得到的唯一結果是不透明度，並且第一個旋轉並翻譯。 沒有其他的。 我完全忽略了其余的一切。 我能做什么？

Answer 1

您在轉換中缺少px 。

document.getElementById('lineThree')
        .style.WebkitTransform = "rotate(-90deg) translate3d(10px,-10px,0)";

translate3d需要長度單位。

Answer 2

有很多問題。 這是一個有效的小提琴： http : //jsfiddle.net/FK499/42/

首先，你需要告訴它把JS在<head>設置為“不循環-在<head> ”

其次，您的函數未使用} 。

第三，您不需要錨標記。

第四，您在上一個轉換中缺少px。

HTML：

    <div id = "menu" onclick="menu();">
                <div id = "lineOne">1</div>
                <div id = "lineTwo">1</div>
                <div id = "lineThree">1</div>
    </div>

和js：

function menu()
        {
        //Show Differnet Button
        document.getElementById('lineOne').style.WebkitTransform = "rotate(45deg) translate3d(10px,10px,0)";
        document.getElementById('lineTwo').style.opacity = ".3";
        document.getElementById('lineThree').style.WebkitTransform = "rotate(-45deg) translate3d(10px,-10px,0)";
        }

Javascript無法通過ID的某些元素

問題描述

2 個解決方案

解決方案1
5 已采納 2014-08-05 21:07:20

解決方案2
4 2014-08-05 21:08:27

Javascript無法通過ID的某些元素

問題描述

2 個解決方案

解決方案1 5 已采納 2014-08-05 21:07:20

解決方案2 4 2014-08-05 21:08:27

解決方案1
5 已采納 2014-08-05 21:07:20

解決方案2
4 2014-08-05 21:08:27