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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

Javascript:getElementbyID 寬度問題

Javascript:getElementbyID 寬度問題

大話西游666 2022-11-27 17:22:25
按照 youtube 上的 javascript 教程,學(xué)習(xí)基礎(chǔ)知識(shí)。此處有以下代碼,其中一行一行與我看到的相同(可能不包括變量名)。嘗試調(diào)試并查看警報(bào)和控制臺(tái)消息是否通過,但 document.getElementByID.style.width 似乎什么也沒給我。width 是一個(gè)已定義的變量(是的,應(yīng)該以不同的方式命名它,以免與鍵名 width 沖突,但確實(shí)更改了名稱和相同的結(jié)果)。將 console.log 作為輸出。輸出寬度很好,它確實(shí)增加了。然而,實(shí)際圖像不會(huì)移動(dòng)一英寸??床怀鋈魏五e(cuò)別字。代碼和教程完全一樣。已經(jīng)看了將近一個(gè)小時(shí)了。任何幫助表示贊賞。它并不多,非常基本,但我不想跳過理解為什么有些東西不起作用,謝謝。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貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超4個(gè)贊

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


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 上的代碼


查看完整回答
反對(duì) 回復(fù) 2022-11-27
?
幕布斯6054654

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超7個(gè)贊

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();

例子在這里


查看完整回答
反對(duì) 回復(fù) 2022-11-27
  • 2 回答
  • 0 關(guān)注
  • 277 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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