亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

Javascript:getElementbyID 寬度問題

Javascript:getElementbyID 寬度問題

大話西游666 2022-11-27 17:22:25
按照 youtube 上的 javascript 教程,學習基礎知識。此處有以下代碼,其中一行一行與我看到的相同(可能不包括變量名)。嘗試調試并查看警報和控制臺消息是否通過,但 document.getElementByID.style.width 似乎什么也沒給我。width 是一個已定義的變量(是的,應該以不同的方式命名它,以免與鍵名 width 沖突,但確實更改了名稱和相同的結果)。將 console.log 作為輸出。輸出寬度很好,它確實增加了。然而,實際圖像不會移動一英寸。看不出任何錯別字。代碼和教程完全一樣。已經看了將近一個小時了。任何幫助表示贊賞。它并不多,非?;?,但我不想跳過理解為什么有些東西不起作用,謝謝。let width =200;let diff = 2;let intervalID = 0;function increase() {  intervalID = setInterval(zoomIn, 20);}function zoomIn() {  if (width < 400) {    width = width + diff;    document.getElementById("img2").style.width = width;    console.log(width);    console.log(document.getElementById("img2").style.width);  } else {    clearInterval(intervalID);  }}<img id="img2" onmouseover="increase()" onmouseout="decrease()" src="/Images/image.png" alt="img" width="200" />
查看完整描述

2 回答

?
慕的地8271018

TA貢獻1796條經驗 獲得超4個贊

object.style.width 屬性得到一個由數字 + px 字組成的字符串,而不僅僅是一個數字,如果你沒有 decrease 方法,你將有一個未定義的異常:


let width =200;

let diff = 2;


let intervalID = 0;


function increase() {

  intervalID = setInterval(zoomIn, 20);

}


function zoomIn() {

  if (width < 400) {

    width = width + diff;

    document.getElementById("img2").style.width = width + "px"; // You assign for example 30px as String

    console.log(width);

    console.log(document.getElementById("img2").style.width);

  } else {

    clearInterval(intervalID);

  }

}

示例:Jsffidle 上的代碼


查看完整回答
反對 回復 2022-11-27
?
幕布斯6054654

TA貢獻1876條經驗 獲得超7個贊

width = 1;

function increase() {

  intervalID = setInterval(zoomIn, 20);

}


function zoomIn() {

  if (width < 400) {

    width++;

    document.getElementById("img2").style.width = width;

    console.log(width);

    console.log(document.getElementById("img2").style.width);

  } else {

    clearInterval(intervalID);

  }

}


increase();

例子在這里


查看完整回答
反對 回復 2022-11-27
  • 2 回答
  • 0 關注
  • 267 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號