innerHTML не будет добавлять текст в div - PullRequest
Новая
       2

innerHTML не будет добавлять текст в div

0 голосов
/ 02 декабря 2018 
<html>
<body>
<div class = "container">
    <audio id="music" src="/music/orgmusic.mp3"type="audio/mpeg"></audio>
    <img id="titleimg"src = "images/titleimage.png">
        <div class = "gameContainer">
        </div>
        <div id ="play">Press Spacebar To Return To Main Menu!</div>
</div>
<link rel="stylesheet" type="text/css" href="/css/setup.css">
<link rel="stylesheet" type="text/css" href="/css/global.css">

<script src="/JS/setup.js" type="text/javascript"></script>
<script src="/JS/global.js" type="text/javascript"></script>
</body>
</html>

JS FILE: 

document.getElementById("gameContainer").innerHTML = "hi this is words";

Как видите, у меня есть встроенный скрипт для вставки текста в мой div, называемый gameContainer, но по какой-то причине он не работает.

Я знаю, что могу просто напечатать его, но я не хочу, чтобы он работал через мой файл JS.Есть идеи, почему текст не будет вставлен?

Ответы [ 2 ]

0 голосов
/ 02 декабря 2018 

document.getElementById("gameContainer").innerHTML = "hi this is words";
<html>
<body>
<div class = "container">
    <audio id="music" src="/music/orgmusic.mp3"type="audio/mpeg"></audio>
    <img id="titleimg"src = "images/titleimage.png">
        <div id = "gameContainer"class = "gameContainer">
        </div>
        
        <div id ="play">Press Spacebar To Return To Main Menu!</div>
</div>
<link rel="stylesheet" type="text/css" href="/css/setup.css">
<link rel="stylesheet" type="text/css" href="/css/global.css">

<script src="/JS/setup.js" type="text/javascript"></script>
<script src="/JS/global.js" type="text/javascript"></script>
</body>
</html>
0 голосов
/ 02 декабря 2018

Вы делаете вещи, основанные на Id, и вы устанавливаете класс в HTML.

<div class = "gameContainer"> // Hear you used class
</div>

В Js вы использовали document.getElementById("gameContainer").innerHTML

<div id="gameContainer"> // Hear you have to used id instead of class
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...