Javascript 网页重置并停止应用CSS_Javascript_Html_Css

Javascript 网页重置并停止应用CSS

javascript html css

Javascript 网页重置并停止应用CSS,javascript,html,css,Javascript,Html,Css,我正在为班级制作一个网页，以使用JavaScript构建自己的故事为特色。在开始时，用户输入他们的名字并在代表性别的图像上点击他们的性别，然后我使用removeChild使性别图像消失，并以不包括标题的新页面开始故事。但一旦用户选择了性别，我应用的CSS似乎会被网页忽略——黑色背景变为白色，文本居中被忽略。为什么会这样，我如何在网页中保持CSS的一致性，同时仍然做我想做的事情 HTML: javascript无法识别genderCoice函数。您可能正在闭包中运行代码尝试将其分配给我以文档为例

我正在为班级制作一个网页，以使用JavaScript构建自己的故事为特色。在开始时，用户输入他们的名字并在代表性别的图像上点击他们的性别，然后我使用removeChild使性别图像消失，并以不包括标题的新页面开始故事。但一旦用户选择了性别，我应用的CSS似乎会被网页忽略——黑色背景变为白色，文本居中被忽略。为什么会这样，我如何在网页中保持CSS的一致性，同时仍然做我想做的事情

HTML:

javascript无法识别genderCoice函数。您可能正在闭包中运行代码

尝试将其分配给我以文档为例的对象，尽管这不一定是最佳做法：

document.genderChoice = function(genderImage) {
    if (genderImage === 1) {
        gender = "male";
    } else {
        gender = "female";
    }
    setTimeout(genderReset,250);

}

见工作。

小提琴本身坏了，可能是因为writeln，无法进一步编辑它

我认为问题在于您试图在文档加载完成后使用document.writeln。您只能在打开的文档上使用document.writeln，文档一旦关闭，document.writeln将导致内容被擦除。这就是删除样式表的原因

要在页面加载后修改页面，应执行以下操作：

var div = document.createElement('div');
div.innerHTML = "<span>Some new text here</span>";

或者在索引页中预创建元素，然后使用它们设置innerHtml：

<body>
   <div id="section"></div>
</body>

然后在代码中：

var section = document.getElementById("section");
section.innerHTML = "<span>Some new text goes here</span>";

如何使用innerHTML添加文本，使用我已有的其他功能？目前，我只是继续使用document.writeln向页面添加文本

<body>
   <div id="section"></div>
</body>

var section = document.getElementById("section");
section.innerHTML = "<span>Some new text goes here</span>";