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>

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

2 个答案: