JaxAdam
@JaxAdam
Junior Full-Stack Developer

Метод getElementsByClassName не работает. Подскажете, почему?

Доброго времени! Создаю визуалку сайта и возникла потребность разместить текущую дату и время. Пока пытаюсь настроить дату, но почему то не выводится результат. Кажется, что getElementsByClassName не работает. Или я сам что-то коряво делаю. На JS обычно не пишу вообще. Прошу простить, если вопрос был глупый.

html:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
    <link rel="stylesheet" type="text/css" href="fonts.css">
    <script type="text/javascript" src="script.js"></script>
</head>
<body>
    <div class="main-banner">
        <div class="time-info">
            <p class="dateFolder"  onload="f_date();"></p>
            <p class=""></p>
        </div>
    </div>
</body>
</html>


script.js
function f_date(){
    var temp_date = new Date();
    var day = temp_date.getDate();
    var month = temp_date.getMonth() + 1;
    var year = temp_date.getFullYear();
    if (day < 10) {
        day = "0" + day;
    }
    if (month <10) {
        month = "0" + month;
    }
    document.getElementsByClassName('dateFolder').innerHTML = day + "." + month + "." + year;
}
  • Вопрос задан
  • 262 просмотра
Решения вопроса 1
UnluckySerivelha
@UnluckySerivelha
То, что получается при выполнении document.getElementsByClassName('dateFolder') - массив, нужно обращаться к конкретному элементу массива, либо перебирать его циклом, если нужно сделать что-то со всеми элементами с этим классом
https://codepen.io/UnluckySerivelha/pen/YOeojx
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы