如何使东西在负载上消失

时间:2015-03-10 21:13:39

标签: javascript

function vanish() {
    document.getElementById("priceCheck").style.visibility = "hidden";
}

<body onload="vanish">
    <div>
        <input type="button" class="input_button" name="onestarbtn" value="One Star"/>
        <input type="button" class="input_button" name="twostarbtn" value="Two Star"/>
        <input type="button" class="input_button" name="threestarbtn" value="Three Star"/>
        <input type="button" class="input_button" name="fourstarbtn" value="Four Star"/>
        <input type="button" class="input_button" name="fivestarbtn" value="Five Star"/>    
    </div>

    <div id="priceCheck">
        test1
    </div>    
    <div id="priceCheck">
        test2
    </div>    
    <div id="priceCheck">
        test3
    </div>    
    <div id="priceCheck">
        test4
    </div>    
    <div id="priceCheck">
        test5
    </div>
</body>

我希望它用&#34; priceCheck&#34;加载所有测试。 id在加载时不可见。然后,我希望能够点击每个输入按钮,具体取决于星号(onestarbtn,twostar ...)并与测试编号对应,以使priceCheck可见。我有一个想法,但是还没有达到这一点。然而,我无法接合以使测试在负载时消失。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

添加样式=&#34;显示:无&#34;对所有这些设置并在您想要显示时将样式设置为阻止。这个问题似乎有点太直接了,所以也许我并不完全明白。