删除孩子不起作用，但没有错误

有几个问题。

1） logoOpacity永远不会为 0。如果记录输出，您将看到：

.8
0.7000000000000001
0.6000000000000001
0.5000000000000001
0.40000000000000013
0.30000000000000016
0.20000000000000015
0.10000000000000014
1.3877787807814457e-16

你可以看到它非常接近0，但不完全是。这不是特别直观，它与计算机存储浮点数的方式有关，如果您有兴趣，请参阅此处。

2）logoInterval是函数的局部，所以professOpen不能"看到"变量。您可以在间隔本身内清除间隔，无需将其推送到其他功能。

像这样：

var gameContainer = document.getElementById("game-container");
function startGame() {
    var startButton = document.getElementById("start-button");
    gameContainer.removeChild(startButton); //button disappears
    var logo = document.createElement("IMG");
    logo.src = "http://img.qj.net/uploads/articles_module/2048/poke_2Dlogo.gif";
    gameContainer.appendChild(logo);
    logo.id = "logo"; //logo appears
    var sublogo = document.createElement("P");
    var sublogoText = document.createTextNode("Yellow Diamond Version");
    sublogo.appendChild(sublogoText);
    gameContainer.appendChild(sublogo);
    sublogo.id = "sub-logo";
    var sublogoImg = document.createElement("IMG");
    sublogoImg.src = "https://41.media.tumblr.com/6f25c533c98bfc58790eba699862437d/tumblr_inline_o0nqr4s49p1sp23ws_540.png"
    gameContainer.appendChild(sublogoImg);
    sublogoImg.id = "sub-logo-img";
    setTimeout(preLogoFade, 3000);
    function preLogoFade() {
        var logoOpacity = 90;
        var logoInterval = setInterval(function() {
            LogoFade()
        }, 100);
        function LogoFade() {
            var styleOpac = logoOpacity / 100;
            logo.style.opacity = styleOpac;
            sublogo.style.opacity = styleOpac;
            sublogoImg.style.opacity = styleOpac;
            logoOpacity -= 10;
            if (logoOpacity == 0) {
                gameContainer.removeChild(logo);
                gameContainer.removeChild(sublogo);
                gameContainer.removeChild(sublogoImg);
                clearInterval(logoInterval);
                professorOpen();
            }
        } //LogoFade Function End
    } //preLogoFade Function End
} //startGame Function End
function professorOpen() {
    gameContainer.style.backgroundImage = "url(http://vignette2.wikia.nocookie.net/steven-universe/images/9/90/Yellow_Diamond_by_Lenhi.png/revision/latest?cb=20160109203916)";
}
startGame();

有一个我无法确定的问题。 在我的机器上，徽标不透明度永远不会等于零。我将"=="更改为<=，这似乎有效。

您的下一个问题是，即使在子节点消失后，SetInterval 也不会停止。 logoInterval 在函数 openProfessor 中超出了范围。你要么必须让它成为全局的，要么在logoFade中包含openprofessor函数。

要查看此问题，请添加一些警报（徽标不透明度）;行（不要忘记增加间隔时间，否则无法阻止它...不是说我做的...但我也不会说我没有。

以下是我发现有效的更改。

var gameContainer = document.getElementById("game-container");
var logoInterval;
function startGame() {
...
            logoOpacity -= .1;
            if (logoOpacity < .1) {
                gameContainer.removeChild(logo);
                gameContainer.removeChild(sublogo);
                gameContainer.removeChild(sublogoImg);
                professorOpen();
            }
        }                                       //LogoFade Function End
    }                                               //preLogoFade Function End
}                                                   //startGame Function End
function professorOpen() {
    alert("openProfessor");
    clearInterval(logoInterval);
    var BodyID = document.getElementById("BodyID")
    BodyID.style.backgroundImage="url(http://vignette2.wikia.nocookie.net/steven-universe/images/9/90/Yellow_Diamond_by_Lenhi.png/revision/latest?cb=20160109203916)";

}