JS 笔记

• 动态添加删除html节点

function showNumber(on, off) {
    var onNode = document.createElement("span"); //创建P标签
    var newhtml = "<font color='#FFFFFF' style='position:absolute;left:43px;font-size:16px;font-weight:bold;line-height:20px;'>" + on + "人</font>";
    newhtml += "<font color='#FFFFFF' style='position:absolute;left:126px;font-size:16px;font-weight:bold;line-height:20px;'>" + off + "人</font>";
    onNode.innerHTML = newhtml;
    var remark = document.getElementById("remark");
    while(remark.firstChild)
        remark.removeChild(remark.firstChild);
    remark.appendChild(onNode);
}

• jquery对img标签的src图片更改

function changeVehicleStatus() {
    $("img[src='img/page_on.png']").attr("src", "img/page.png"); //重置图片状态
    for (var i = 0; i < connectedCars.length; i++) {
        var value = $(":input#" + connectedCars[i]).val();
        $(":input[value='"+value+"']").prev().attr("src", "img/page_on.png");
    }
}