更改div部分的字体大小（JavaScript）

Question

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";
}

我上面有代码，我想更改第一个单词的字体大小，但这似乎不起作用。 有什么想法可以做到吗？

Answer 1

为了更改文本部分的字体大小，您需要将文本包装在某种元素中，例如<span> 。 然后，您可以使用以下命令在跨度上设置字体大小：

span.style.fontSize = '20px'

Answer 2

您需要第一个单词在单独的标签中：

 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>