Javascript .innerHTML隻影響父div

我的代碼應該創建一個新的遊戲，你可以自定義你的學生，不是什麼。這不是問題，當你加載遊戲或完成自定義後，會出現錯誤。無論出於何種原因，我的圖片都無法加載。它甚至不會編輯我想改變的元素。這是更新/運行的代碼應該工作：Javascript .innerHTML隻影響父div

function startUp() { 
    if (saving) { 
    $('#newGame-settings').fadeOut(500); 
    setTimeout(function() { 
     $("#mainScreen").fadeIn(1500); 
    }, 500); 
    saving = false; 
    } else { 
    $('#Start_Menu_Container').fadeOut(500); 
    setTimeout(function() { 
     $("#mainScreen").fadeIn(1500); 
    }, 500); 
    } 


    var container = ""; 
    for (var i = 0; i < students.length; i++) { 
    container += ("<div class='studentListC' style='background-image: url(\"" + students[i].imgSrc + "\")'>" + students[i].name + "</div>"); 
    } 
    var studentList = document.getElementById("studentList"); 
    studentList.innerHTML = container; 
}

它應該只是顯示主屏幕，它這樣做，然後編輯studentList id元素。其中它不是。如果任何人都可以幫助我，那會很棒！

此外，有用的東西可能知道的是，如果我這樣做，它添加到mainScreen ID（studentList的父元素）它有點作品，除了圖片仍然不顯示。所以我可能還會在樣式中出現字符串錯誤。

鏈接到所有代碼：http://jsbin.com/joneyi/edit?html,css,js,output

來源

2015-10-28 CoderJS

你可以發佈標記嗎？ – DinoMyte

@DinoMyte你知道我該如何快速完成？ – CoderJS

在問候它不填充studentList元素的問題，它實際上是填充一個 studentList元素，只是沒有你想要的（還有一個隱藏在名爲studentList的頁面上，我相信你只需要確保你在mainPage元素下面選擇了studentList元素（原諒我沒有提供代碼來做到這一點，但我對我的JavaScript語法很生疏。）

就圖像而言，我認爲問題是嵌套雙引號：

<div class="studentListC" style="background-image: url("https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcQy51udfhp-M17O5xe9wdQNpzq-Rf34cLMcCZ9hqkOIF2PEyKKa")">Brayton</div>

我看到你的代碼實際上是用單引號整個樣式屬性，但我認爲他們可能會越來越轉換爲雙引號的地方（可能是隱式轉換？）反正嘗試使用單引號附上url值。

來源

2015-10-29 00:46:46 Dan

Javascript .innerHTML隻影響父div

回答

相關問題