Поменять DOM с помощью JavaScript [закрыт]

123

20 ноября 2019, 05:20

Не могу, поменять DOM с помошью "getElementById" и "innerHTML". Можете помочь как правильно сделать.

<!DOCTYPE html>
<html>
<head>
    <title>My Playlist</title>
    <meta charset="utf-8">
    <script type="text/javascript">
        function addSongs()
        {
            var song1 = document.getElementById("song1").innerHTML = "Blue Suede Strings, by Elvis Pagely";
            var song2 = document.getElementById(song2).innerHTML = "Great Objects on Fire, by Jerry JSON Lewis";
            var song3 = document.getElementById(song3).innerHTML = "I Code the Line, by Johnny JavaScript";
        }
        window.onload(addSongs);
    </script>
</head>
<body>
    <h1>My Awesome Playlist.</h1>
    <ul id="playlist">
        <li id="song1"></li>
        <li id="song2"></li>
        <li id="song3"></li>
    </ul>
</body>
</html>

Answer 1

Во-первых вы забыли кавычки у строковых литералов song2 и song3, которые использовали для поиска по id.

Во-вторых js должен находиться перед закрывающимся тегом </body>, так как на момент, когда script срабатывает элементов

<li id="song1"></li>
<li id="song2"></li>
<li id="song3"></li>

еще нет

<h1>My Awesome Playlist.</h1> 
<ul id="playlist"> 
    <li id="song1"></li> 
    <li id="song2"></li> 
    <li id="song3"></li> 
</ul> 
<script> 
    assignText("song1", "Blue Suede Strings, by Elvis Pagely"); 
    assignText("song2", "Great Objects on Fire, by Jerry JSON Lewis"); 
    assignText("song3", "I Code the Line, by Johnny JavaScript"); 
     
    function assignText(id, text) { 
      document.getElementById(id).textContent = text; 
    } 
</script>

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Как переделать javascript на обратное преобразование

Есть локальный конвертер для преобразования файла m3u в enigma2Как сделать обратный конвертер для преобразования --- файла enigma2 в m3u ?

128

javascript

push-уведомление не исчезает

134

javascript

Фильтрация на сайте JS без jquery

Задача: есть несколько h3, при вводе в input букв - начать выводить подходящие h3html-разметка

179

javascript

Проблема с созданием файла в google drive service account через Api

На данном этапе, у меня получилось сделать авторизацию в service account по jwt, создать папку и пермишеныС файлами проблема: когда я перехожу по ссылке...

138