javascript - 纯 Javascript 中的 jQuery 代码

Question

如何用纯 Javascript 编写此 jQuery 代码？

我不能在需要使用它的地方使用 jQuery。

$(function(){
$("td#dark[height='260']").append("<a href='http://www.website.com'></a>");
});

Answer 1

试试这个:

var elem = document.getElementById("dark");  // #dark
if (elem && elem.nodeName == "TD" && elem.height == 260) {  // td#dark[height='260']
    var newElem = document.createElement("a");
    newElem.href = "http://www.example.com";
    elem.appendChild(newElem);
}

对于在多个元素上使用相同 ID 的非标准文档:

var elems = document.getElementsByTagName("td");
for (var i=0; i<elems.length; i++) {
    var elem = elems[i];
    if (elem.id == "dark" && elem.height == 260) {  // td#dark[height='260']
        var newElem = document.createElement("a");
        newElem.href = "http://www.example.com";
        elem.appendChild(newElem);
    }
}