如何設(shè)置圖片的高度

function creatOneSnow(){
    var leftX = Math.random()*window.innerWidth;
    var topY = Math.random()*window.innerHeight;
    var snowDiv = document.createElement("div");
    snowDiv.style.position = "fixed";
    snowDiv.style.left = leftX + "px";
    snowDiv.style.top = topY + "px";
    snowDiv.innerHTML = "<img src='image/snow.png' width='20px'  />";
    document.body.appendChild(snowDiv);
}

上面的js運(yùn)行無(wú)誤，我想獨(dú)立為image 元素設(shè)置width。

測(cè)試通不過(guò)，請(qǐng)問(wèn)，應(yīng)當(dāng)如何寫(xiě)？

function createOneSnow(){
    var leftX = Math.random()*window.innerWidth;
    var topY = Math.random()*window.innerHeight;
    var snowDiv = document.createElement("div");
    snowDiv.style.position = "fixed";
    snowDiv.style.left = leftX + "px";
    snowDiv.style.top = topY + "px";
    snowDiv.innerHTML = "<img src='image/snow.png' id='myImg' />";
    var targetImg = document.getElementById('myImg');
    targetImg.style.width = '20px'; 
    document.body.appendChild(snowDiv);
}

如何修改？

回答

編輯回答

菊外人

沒(méi)看懂你想要表達(dá)什么意思，如果你只是想單獨(dú)給每個(gè)圖片設(shè)置寬度，比如img1 width=20px img2 width=20px,那你就采用xsf_1991的寫(xiě)法，
如果你想給每張圖片設(shè)置不同的寬度，即每張圖片的width不是手動(dòng)設(shè)置，你可以在xsf_1991的基礎(chǔ)上接著寫(xiě)targetImg.style.width= Math.random()*100 + 'px';

2018年4月29日 13:30

編輯回答

祈歡

給img添加一個(gè)id:

        var targetImg=document.getElementById('targetImg');
        targetImg.style.width= '20px';

2018年8月10日 15:11

編輯回答

礙你眼

<img src='image/snow.png' width='20px'  />

這時(shí)候?qū)挾扔胕mgDom.width

<img src='image/snow.png' style='width:20px'  />

這時(shí)候?qū)挾扔胕mgDom.style.width

2018年1月9日 11:38

編輯回答

近義詞

  function createOneSnow(){
    var leftX = Math.random()*window.innerWidth;
    var topY = Math.random()*window.innerHeight;
    var snowDiv = document.createElement("div");
    snowDiv.style.position = "fixed";
    snowDiv.style.left = leftX + "px";
    snowDiv.style.top = topY + "px";
    var targetImg= document.createElement("img");
    targetImg.src = 'image/snow.png'; 
    targetImg.style.width = '20px'; 
    snowDiv.appendChild(targetImg);
    document.body.appendChild(snowDiv);
}

可以試一試這個(gè)
如果為了后期方便修改我建議你這么寫(xiě)

/**
 imgWidth -圖片的寬度-默認(rèn)Number
*/
 function createOneSnow(imgWidth){
    var leftX = Math.random()*window.innerWidth;
    var topY = Math.random()*window.innerHeight;
    var snowDiv = document.createElement("div");
    snowDiv.style.position = "fixed";
    snowDiv.style.left = leftX + "px";
    snowDiv.style.top = topY + "px";
    var targetImg= document.createElement("img");
    targetImg.src = 'image/snow.png'; 
    targetImg.style.width = imgWidth + 'px'; 
    snowDiv.appendChild(targetImg);
    document.body.appendChild(snowDiv);
}

2017年7月25日 02:17