小编ska*_*mit的帖子

我的javascript更改了innerHTML,但拒绝为它添加延迟.我的目标是创建一个菜单,将列表项目一个接一个地移动,但这仅适用于前两个列表项.我使用innerHTML,所以我可以看到它是否触及它们.我不确定什么不行.我做了x [0],x [1] ..等等,它起作用了.还有一个问题:D,如何在特定ID中选择TagName的所有元素？

JS:

    var x = document.getElementsByTagName("LI");
    var delay = 0;
        for (i=0; i<=x.length; i++){

            x[i].style.padding = "0 0 0px 20px";
            x[i].style.transition = "1s " + delay +"s !important"
            x[i].innerHTML = "Changed";
            delay += "0.1";
        }

HTML:

       <header class = "mainHeader">
            <nav>
                <ul id = "mainNav">
                    <li id = "search"><img src = "img.png"><input type = "text" placeHolder = "" id = "search"></li>
                    <li><a href ="#">HOME</a></li>
                    <li><a href ="#">ABOUT</a></li>
                    <li><a href = "#">PHOTOGRAPHY</a></li>
                    <li><a href ="#">PROJECTS</a></li>
                    <li><a href ="#">CONTACT</a></li> …

我试图让3行做一些事情:第1行旋转45度,有些翻译第1行不透明度0第1行旋转-45deg和一些翻译

JS小提琴

<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上的代码是上面的,我得到的唯一结果是不透明度,第一个旋转和翻译.没有其他的.我完全忽略了其余的事情.我能做什么？

我试图用递归导出树的内容.除了导出的最后一个元素,我没有得到任何东西.

void inOrder(tree *root) {
    out.open("output.txt");
    if (root != NULL)
    {
        inOrder (root->left);
        out << root -> item << " \t";      //This doesn't work
        cout << root -> item << " \t";       //This works
        inOrder (root->right);
    }

    out.close();
    out.clear();
}

我不确定在这里出口时我出错了.

使用Javascript

document.getElementById('menu').getElementById('line1').style.opacity = "0";

HTML

<a href = "#"><div id = "menu" onclick="menu()">
            <div id = "line1">1</div>
            <div id = "line2">1</div>
            <div id = "line3">1</div>
        </div></a>

所以我试图让第一行消失,但由于某种原因它不会运行.我的语法有问题吗？我有额外的.getElementById('menu')的原因是因为我有div id ="menuClose"返回原来的.除非有另一种方式？