Vanilla JavaScript-使用函数选择DOM元素

时间:2014-07-14 21:12:19

标签: javascript html dom

我正在尝试使用javascript函数选择一个DOM元素(我想知道如何做到这一点,所以不要告诉我"只需使用JQuery")

这是我的JS:

function Obj(a, b, c, d, e) {
    c = a.charAt(0);
    d = a.substring(1);
    if (c == ".") {
        e = document.getElementsByClassName(d)[b];
    } else {
        if (c == "#") {
            e = document.getElementById(d);
        } else {
            e = document.getElementsByTagName(a)[b];
        }
    }
    return e;
}

function change(){

    var variable=Obj(".foo",1)
    variable.style.height="100px"

}

HTML:

<div class="foo">something</div>
<div class="bar">something</div>
<div class="foo">test</div>
<div class="bar">something</div>

Fiddle

1 个答案:

答案 0 :(得分:1)

对我来说很好,你在调用你的change()函数吗?当我调用它时,它会按照我的预期进行操作...修改.foo类的第二项。

尝试添加change();在小提琴的底部。

change();

Forked Fiddle