javascript - 如何在单行中提及所有属性

Question

如何在一行中提及所有属性:)

document.getElementById("image").src = "landscape.jpg";
document.getElementById("image").width = "300";
document.getElementById("image").height = "300";

Answer 1

您还可以将变量保存在元素中，这样您就不必每次都执行 document.getElementById

var img = document.getElementById("image");
img.src = "landscape.jpg";
img.width = img.height = "300";

您还可以创建一个能够在稍后的一行中执行的函数

function setValues(element, props){
    for(var key in props){
        element[key] = props[key];
    }
}

setValues(document.getElementById("image"), {src: "landscape.jpg", width:"300", height:"300"});

如果你需要进行大量的 dom 操作，你可以考虑像 jQuery 和 zepto 这样的框架，但是如果这是你唯一需要改变的东西，那么这就显得有些过分了。