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

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

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

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

慕尼黑8549860 2021-06-01 18:18:26
我有一個帶有文本的 ap,該文本在單擊按鈕時會發(fā)生變化,每個按鈕根據 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 具有不同的字體大小,而不是所有的 text3。我修改了函數(shù)changeText,所以當language == 3 時#text 的字體大小不同,但這當然適用于所有text3。希望我很清楚,感謝您的幫助。我檢查了類似的問題,但如果我這樣做:else if (language == 3) { document.getElementById('text').innerHTML = text3; document.getElementById('text').style.fontSize = 10px;它改變了所有 text3 的字體大小。
查看完整描述

2 回答

?
胡子哥哥

TA貢獻1825條經驗 獲得超6個贊

由于您正在更改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;

}

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


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


查看完整回答
反對 回復 2021-06-03
?
幕布斯6054654

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

  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。


查看完整回答
反對 回復 2021-06-03
  • 2 回答
  • 0 關注
  • 148 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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