猿问

JavaScript 不渲染内容

我正在尝试使用 javascript DOM 显示内容,但每次运行我的解决方案时,我都会得到一个空白页面。我的 HTML 文件如下:


<!DOCTYPE html>

    <html>

    <head>

        <title>Radiant HQ</title>


        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>

    </head>

    <body>

        <nav id="navigationcontent"></nav>

        <script type="text/javascript" src="assets/js/radiant.js">

        </script>

    </body>

</html>

我的 js 文件看起来是这样的:


@import ('../css/style.css');

document.getElementById("navigationcontent").innerHTML=`

<ul>

    <li><a href="">Home</a> </li>

    <li><a href="">About Us</a> </li>

    <li><a href="">Research</a> </li>

    <li><a href="">Contacts</a> </li>

</ul>`;


心有法竹
浏览 75回答 1
1回答

蝴蝶不菲

你的代码有效。但有一个问题。它被困在线路上@import ('../css/style.css');。尝试删除整行并以其他方式包含 CSS。通常,这是通过 html 在文档的头部完成的。
随时随地看视频慕课网APP

相关分类

Html5
我要回答