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

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

是否可以在ap中更改特定值的樣式?

是否可以在ap中更改特定值的樣式?

寶慕林4294392 2019-04-18 14:11:38
我有一個文本,當點擊按鈕時會發(fā)生變化,每個按鈕根據(jù)var的值顯示不同的文本,我希望其中一個文本具有不同的字體大小。var language = " "; /* this var changes when another function fires, don't mind this, just know that the var changes and the possible values are 1,2,3 */function changeText(text1, text2, text3) {  if (language == 1) {    document.getElementById('text').innerHTML = text1;  } else if (language == 2) {    document.getElementById('text').innerHTML = text2;  } else if (language == 3) {    document.getElementById('text').innerHTML = text3;  } else {    document.getElementById('text').innerHTML = "Don't think about this";  }}/*yeah, I should be more DRY and not repeat document.getElementById('text') all over*/button.addEventListener('click', () => changeText('whales', 'snails', 'this is the specific text that needs a different font-size'));button2.addEventListener('click', () => changeText('bees', 'trees', 'this text3 is ok with the actual font-size'));#text {  font-size: 14px;}<p id='text'> dinamic text is in here </p>我希望特定的text3具有不同的font-size而不是text3。我修改了函數(shù)changeText,所以當language == 3時,#text的字體大小不同,但當然這適用于所有text3。希望我很清楚,謝謝你的幫助。我檢查了類似的問題,但如果我這樣做:else if (language == 3) { document.getElementById('text').innerHTML = text3; document.getElementById('text').style.fontSize = 10px;它會改變所有text3的字體大小。
查看完整描述

2 回答

?
慕標5832272

TA貢獻1966條經(jīng)驗 獲得超4個贊

由于您正在更改innerHTML(與innerText相對),因此您可以使用文本添加html標記。例如:


JS


button.addEventListener('click', () => changeText('whales', 'snails', '<small>this is the specific text that needs a different font-size</small>'));

button2.addEventListener('click', () => changeText('bees', 'trees', 'this text3 is ok with the actual font-size'));

CSS


#text>small {

  font-size: 10px;

}

由于您在單擊不同按鈕時調(diào)用相同的功能,因此它們將具有相同的行為。因此,如果您想以編程方式執(zhí)行此操作,則需要添加新函數(shù)或使用奇怪的邏輯使已經(jīng)龐大的函數(shù)過度復雜化。


彈出的真正問題是:你為什么要這種行為?


查看完整回答
反對 回復 2019-05-17
?
HUH函數(shù)

TA貢獻1836條經(jīng)驗 獲得超4個贊

var text = document.getElementById('text');


    function changeText(text1, text2, text3, button) {


      // default behaviour

      text.style.color = "red";

      if (language == 1) text.innerHTML = text1;

          else if (language == 2) text.innerHTML = text2;

          else if (language == 3){ 

              text.innerHTML = text3;

              // different behaviour

              if(button == "button1")

                  text.style.color = "green";

          }

      else text.innerHTML = "Don't think about this";

    }

<button onclick="changeText('hello','banana','wow','button1');" id="button1">


<button onclick="changeText('vewewve','vdsvs','dgsag','button2');" id="button2">

每次單擊按鈕且語言不是3時,此代碼將默認設置文本。


查看完整回答
反對 回復 2019-05-17
  • 2 回答
  • 0 關注
  • 429 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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