2017-09-25 81 views
0
document.getElementById(id).innerHTML = days + ' '; 
document.getElementById(id).innerHTML += 'days ' + hours + ' hrs '; 
document.getElementById(id).innerHTML += minutes + ' mins '; 
document.getElementById(id).innerHTML += seconds + ' secs'; 

var x = document.getElementsByClassName('timer'); 
var index; 
index = x.indexOf(''); 

for (var i = 0; i <= index; i++) { 
    x[i].style.fontSize="40px"; 
} 

我有上面的代碼,我想更改第一個字的字體大小,但這似乎不起作用。任何想法,我怎麼能做到這一點?更改div的一部分的字體大小(JavaScript)

+0

您的代碼不明確,什麼是'然後你就可以與跨度設置字體大小str'和你的HTML在哪裏? – Ammar

+0

我將_str_更改爲_x_。對不起,這是一個錯誤。 – snzmrn

回答

0

你需要在一個單獨的標籤的第一個字:

days = 12, hours = 23, minutes = 34, seconds = 45 
 

 
document.getElementById('countdown').innerHTML = '<span style="font-size:40px">' + days + '</span> days ' + hours + ' hrs ' + minutes + ' mins ' + seconds + ' secs';
<div id="countdown" class="timer" style="text-align: center;color: #366c18; letter-spacing: 2px; font-family: 'Christmas2'"></div>

0

爲了更改部分文本的字體大小,您需要將文本包裝在某種元素中,例如<span>

span.style.fontSize = '20px' 
+0

'

'這是我試圖修改的div。 – snzmrn