Есть ли способ позиционировать InnerHTML, чтобы он попал под что-то в пределах обычного HTML - PullRequest
Новая
       5

Есть ли способ позиционировать InnerHTML, чтобы он попал под что-то в пределах обычного HTML

0 голосов
/ 13 мая 2018

У меня есть вопрос относительно позиционирования innerHTML. У меня есть форма, которая также имеет таймер обратного отсчета отображается с использованием innerHTML. Дело в том, что в настоящее время он находится выше моей формы, что в итоге вызывает некоторые проблемы, которые я не собираюсь объяснять, и я хотел бы поместить его в форму. Я знаю, что могу объявить, как далеко находится нижний, верхний, левый, правый и т. Д. Страницы, однако я не собираюсь этого делать, поскольку для этого потребуется абсолютная позиция, тогда как я не хочу, чтобы она была абсолютной, но все же сидеть под моей формой. Вот код, содержащий его, размещенный сверху на данный момент: 

<div id="checking"></div>
<script type="text/javascript">(5,"checking");</script>
</head>
<body bgcolor="yellow">
<div id=main>
<br><br>
<form method="POST" id="quizzes" action="">
     <label for="question"><?php echo ($currentQuestion+1).". ".  $questionsAndAnwsers[$currentQuestion]["question"];
    ?></label>
    <input type="hidden" name="currentQuestion" value="<?php echo   $currentQuestion;?>"><br>
    <input type="text" name="guess" value="" placeholder="Answer...">
    <input type="submit" name="btnsubmit" value="Next Question">
</form>
</div>
<script type="text/javascript">
seconds = 15;
runningtime = setInterval(function () {
    var element = document.getElementById("checking");
    element.innerHTML = "<h2 style='text-align:center'>   <b>"+seconds+"</b> seconds</h2>";
    if(seconds < 1){
        clearInterval(runningtime);
        document.getElementById('quizzes').submit();
    }
    seconds--;
}, 1000)
</script>
</body>

1 Ответ

0 голосов
/ 13 мая 2018

Когда вы устанавливаете innerHTML для <div>, он помещает содержимое в этот div .

Если вы не хотите, чтобы оно было вверху документа, не помещайте это <div> вверху документа .

Переместите <div> в исходный код.

...