第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

使用 Javascript 獲取圖像尺寸并將其應(yīng)用于任何其他元素？

使用 Javascript 獲取圖像尺寸并將其應(yīng)用于任何其他元素？

繁星淼淼 2023-01-06 10:57:52
我已經(jīng)嘗試過了，但它不起作用，我怎么能讓它工作，#sky2 獲得與#sky 相同的高度和寬度？我可能會將#sky2 更改為 div 或其他內(nèi)容。function ImgWH() {  var mImg = document.querySelector("#sky");  var mWidth = mImg.clientWidth;  var mHeight = mImg.clientHeight;  document.getElementById("sky2").style.width = mWidth;}#sky {  height: 50vh;  width: 100%;}<img src="https://picsum.photos/300/150" id="sky"><img src="https://picsum.photos/300/150" id="sky2">
查看完整描述

2 回答

?
躍然一笑

TA貢獻(xiàn)1826條經(jīng)驗(yàn) 獲得超6個贊

好吧，首先你必須調(diào)用你的函數(shù)，但是當(dāng)它運(yùn)行時，你必須記得在你設(shè)置的值上添加一個度量單位，否則不知道元素的寬度。


function ImgWH() {

  var mImg = document.getElementById("sky");

  var mWidth = mImg.clientWidth;

  var mHeight = mImg.clientHeight;

  document.getElementById("sky2").style.width = mWidth + "px"; // <-- must add unit

}


ImgWH();  // <-- Remember to invoke your function

#sky {

  height: 50vh;

  width: 100%;

}

<img src="https://picsum.photos/300/150" id="sky">

<img src="https://picsum.photos/300/150" id="sky2">


查看完整回答
反對 回復(fù) 2023-01-06
?
當(dāng)年話下

TA貢獻(xiàn)1890條經(jīng)驗(yàn) 獲得超9個贊

從第一張圖片獲取寬度并將其設(shè)置為第二張圖片的寬度（注意“px”是必需的）并且不要忘記啟動該功能。


function ImgWH() {

    var myImg = document.getElementById("sky");

    var myImg2 = document.getElementById("sky2");

    var mWidth = myImg.width;

    var mHeight = myImg.clientHeight;

    myImg2.style.width = mWidth +'px';

}


ImgWH();

#sky {

  height: 50vh;

  width: 100%;

}

<img src="https://picsum.photos/300/150" id="sky">

<img src="https://picsum.photos/300/150" id="sky2">


查看完整回答
反對 回復(fù) 2023-01-06
  • 2 回答
  • 0 關(guān)注
  • 122 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號