JavaScript代码阻塞CSS_Javascript_Html_Css

JavaScript代码阻塞CSS

javascript html css

JavaScript代码阻塞CSS,javascript,html,css,Javascript,Html,Css,当我将此代码插入到文件中时，它似乎阻止了CSS的显示。我制作了一个脚本，尝试在页面加载后打印文本，稍后我将使用该脚本制作一个加载条。这是我的密码。所发生的一切就是我在页面上打印文本“Test” <html> <head> <link rel="stylesheet" type="text/css" href="custom.css"> <script> function myFunction() { document

当我将此代码插入到文件中时，它似乎阻止了CSS的显示。我制作了一个脚本，尝试在页面加载后打印文本，稍后我将使用该脚本制作一个加载条。这是我的密码。所发生的一切就是我在页面上打印文本“Test”

<html>
<head>
    <link rel="stylesheet" type="text/css" href="custom.css">
    <script>
    function myFunction() {
    document.getElementById('index').innerHTML = "test";
    }
    </script>
</head>

<!-- Page Body -->
<body id="index" onload="myFunction()">
    <div class="header">
        <div id="headerbar"></div>
        <ul id="">
    </div>
</body>
</html>


函数myFunction（）{
document.getElementById（'index'）.innerHTML=“test”；
}

当您将body元素的innerHTML设置为“test”时，CSS的具体样式是什么？这样做将删除所有其他包含的元素

我想您要做的是添加一个文本节点，如下所示：

document.body.appendChild(document.createTextNode("test"));

当您将body元素的innerHTML设置为“test”时，CSS的样式应该是什么？这样做将删除所有其他包含的元素

我想您要做的是添加一个文本节点，如下所示：

document.body.appendChild(document.createTextNode("test"));

当您设置

index

元素的

innerHTML

时，它将完全替换正文中的所有内容。因此，您不再拥有带有

header

类的

DIV

，也不再拥有带有

headerbar

ID的

DIV。就好像你写过：
<body id="index">test</body>

测试
当您设置索引
元素的innerHTML
时，它将完全替换正文中的所有内容。因此，您不再拥有带有header
类的DIV
，也不再拥有带有headerbar
ID的DIV。就好像你写过：
<body id="index">test</body>

测试
首先，我们无法知道CSS的功能，但我看到的一个问题是，当您使用innerHTML
时，它会覆盖现有的HTML。正如在正文中一样，
标记被覆盖，仅用于测试文本
警告：我的假设是，你的主体上也没有样式。
首先，我们无法知道你的CSS是做什么的，但我看到的一个问题是，当你使用innerHTML
时，它会覆盖现有的HTML。正如在正文中一样，
标记被覆盖，仅用于测试文本
警告：我的假设是，您的正文上也没有样式。
使用innerHTML
您正在删除index
中的所有div
s。目前，我认为您的代码完全用“test”一词替换了body标记的内容（它删除了标题）。我不知道你的CSS是什么样子，但可能是你只是删除了页面中的所有内容，而没有阻止CSS显示。是的，你是对的。你可以使用+=
，但这显然是一种不好的做法，as-免责声明：这是对我的一个问题的回答，其中包含innerHTML
您正在删除index
中的所有div
s。目前，我认为您的代码完全用单词“test”（删除标题）替换了body标签的内容。我不知道你的CSS看起来是什么样子，但可能是你只是删除了页面中的所有内容，而没有阻止CSS的出现。是的，你是对的。你可以使用+=
，但这显然是一种不好的做法，因为-免责声明：这是对我的一个问题的回答打印文本，但我的目标是添加到html代码中。当页面加载时，我希望弹出一个条。所以我做了document.body.appendChild（document.createTextNode（“”））；它只是把它打印到屏幕上。是的，这是一个“TealNo结”，你可能想考虑添加一些不同的元素，使用<代码> var L=文档。l、 setAttribute（“rel”，“样式表”）。做你的家庭作业，使用谷歌。这会打印文本，但我的目标是添加到html代码中。当页面加载时，我希望弹出一个条。所以我做了document.body.appendChild（document.createTextNode（“”））；它只是把它打印到屏幕上。是的，这是一个“TealNo结”，你可能想考虑添加一些不同的元素，使用<代码> var L=文档。l、 setAttribute（“rel”，“样式表”）。做作业，用谷歌。是的，你是对的。有没有一种方法可以直接将html代码写入文档？加载文档后，我只想添加另一个css文档。出于“测试”目的，您可以将innerHTML引用更改为标题栏div。此外，您还可以在放置“测试”等的位置编写HTML代码I。是的，您是正确的。有没有一种方法可以直接将html代码写入文档？加载文档后，我只想添加另一个css文档。出于“测试”目的，您可以将innerHTML引用更改为标题栏div。此外，您还可以在放置“测试”等的位置编写HTML代码I。