Javascript - 将顶部样式从 "ul"更改为 div 父项的子项

Question

我想使用 javascript 从 css 更改 top 值，但它不起作用。

我有以下代码:

HTML:

<button onclick="Down()">Move Down</button>
<div class="test">
    <ul>
        <li>Line one</li>
        <li>Line two</li>
        <li>Line three</li>
    </ul>
</div>

CSS:

.test {
    color:red;
    height: 200px;
    width: 200px;
}
.test ul{
    position: relative;
    top:50px;
}

Javascript:

function Down() {
    var class_obj = document.getElementsByClassName("test");
    var ul_obj = class_obj.getElementsByTagName("ul");
    ul_obj.style.top = parseInt(ul_obj.style.top, 10) + 10 + "px"; 
}

http://jsfiddle.net/fUmJR/

我错过了什么？

Answer 1

看来您必须稍微更改 jsFiddle 上的 JS 加载。看看我的图片，了解如何进行操作的一些提示。在调试 js 时，alert 是你最好的 friend !