Как создать контент Dynami c внутри контента Dynami c в javascript - PullRequest
0 голосов
/ 22 февраля 2020

Я получаю нулевое значение, когда пытаюсь выполнить getelementbyid для динамических файлов c, загруженных в div. Я попробовал window.onload = function () {и $ (window) .load (function () {

index. html:

<main >

    <div id="main-div">

    </div>

</main>

домашняя страница. html:

<!-- categories Slider -->
<div class="container-fluid">
    <div class="site-slider-two px-md-4">
        <div class="row slider-two text-center" id="homepageCategories">

javascript:

function loadHomePage() {

    $("#main-div").load("homepage.html", function () {
}
}

function showCategoriesHomepage(categories) {

    window.onload = function () {

        homepageCategoriesId = document.getElementById(homepageCategories);

        homepageCategoriesId.innerHTML = "";

        //For loop that loops true all the categories
        for (var i = 0; i < messages.length; i++) {

            //Create dynamic li elements with child p elements
            var mainDiv = document.createElement('div');
            var span = document.createElement('span');
            var img = document.createElement('img');


            span.setAttribute("class", "border site-btn btn-span");

            img.setAttribute("src", categories.image);

            //Fills the p elements with user_id, description, created_at
            span.appendChild(document.createTextNode(categories.name));
            mainDiv.appendChild(img);
            mainDiv.appendChild(span);
}
}

После загрузки домашней страницы я звоню в API и после этого я пытаюсь getelementbyid на div, но он возвращает ноль

1 Ответ

1 голос
/ 22 февраля 2020

Изменить эту строку ...

homepageCategoriesId = document.getElementById(homepageCategories);

... на эту

homepageCategoriesId = document.getElementById('homepageCategories');
...