JavaScriptでイメージを追加する方法は？

Question

私は非常にjavascriptに新しいので、これはばかな質問である場合は謝罪します。私はそれが真であるか偽であるかに応じて要素の隣にある特定のイメージを追加する関数を記述しようとしています。私はsrc.appendChild(CorrectImg)を言うとき、私はエラーを取得しています、それは

function check(bool, id) { 
    var CorrectImg = document.createElement("CorrectImg"); 
    CorrectImg.src = "correct.png" 
    var WrongImg = document.createElement("WrongImg"); 
    WrongImg.src = "wrong.png"; 

    if (bool) { 
    var src = document.getElementById(id); 
    src.appendChild(CorrectImg); 
    return; 
    } 

    var src = document.getElementById(id); 
    src.appendChild(WrongImg); 
} 

Answer 1

function check(bool, id){ 
 
var CorrectImg = document.createElement("img"); 
 
CorrectImg.src = "correct.png" 
 
var WrongImg = document.createElement("img"); 
 
WrongImg.src = "wrong.png"; 
 

 

 
if(bool){ 
 
    var src = document.getElementById(id); 
 
    src.appendChild(CorrectImg); 
 
    return; 
 
} 
 

 
else{ 
 

 
    var src = document.getElementById(id); 
 
    src.appendChild(WrongImg); 
 
    return; 
 
     } 
 
}

Answer 2

間違ってここでの主な問題は、あなたが「上がらないということです「ナルのプロパティのappendChildを...読み取ることができません」と言いますimg要素を作成します。 document.createElement()のドキュメントを見ると、最初のパラメータは作成するHTML要素の名前である必要があります。

だからあなたのコード：

var CorrectImg = document.createElement("CorrectImg"); 
 
CorrectImg.src = "correct.png" 
 
var WrongImg = document.createElement("WrongImg"); 
 
WrongImg.src = "wrong.png";

は実際にあるべき：

var CorrectImg = document.createElement("img"); 
 
CorrectImg.src = "correct.png" 
 
var WrongImg = document.createElement("img"); 
 
WrongImg.src = "wrong.png";