在Javascript中操纵DOM不起作用_Javascript_Html

在Javascript中操纵DOM不起作用

javascript html

在Javascript中操纵DOM不起作用,javascript,html,Javascript,Html,嗨，我正在尝试创建一个简单的计算器网站，我正在尝试操作DOM来显示更新公式，但它不会将子项添加到显示容器中 HTML: 我漏了一行吗？我有另一页的确切代码，但在这里不起作用。您提供的示例非常有效： const display=document.querySelector（“显示”）； var eqnDisp=document.createElement（“p”）； eqnDisp.classList.add（“eqnDisp”）； eqnDisp.textContent=“显示某物”； dis

嗨，我正在尝试创建一个简单的计算器网站，我正在尝试操作DOM来显示更新公式，但它不会将子项添加到显示容器中

HTML:

我漏了一行吗？我有另一页的确切代码，但在这里不起作用。

您提供的示例非常有效：

const display=document.querySelector（“显示”）；
var eqnDisp=document.createElement（“p”）；
eqnDisp.classList.add（“eqnDisp”）；
eqnDisp.textContent=“显示某物”；
display.appendChild（eqnDisp）

可能是class=“body”的结束标记，我建议您打开浏览器控制台并检查是否有错误。如果您有任何错误，请复制一份错误并更新您的问题，以便您可以将其包括在内。谢谢。当我尝试它时，它的注释会起作用，但别忘了用类主体关闭div标记。你能分享一下你是如何链接js代码的吗？它是内联文件还是外部文件？它可能没有被正确地包含。很抱歉没有提供信息，我认为它很小。jsfiddle链接在这里：谢谢@Wais Kamal，这很有意义。然而，当我将代码作为一个整体集成到我的项目中时，它就不起作用了。你能试着看看这里吗：jsfiddle.net/r4v23eysI已经编辑了我的答案。看一看。
<body>
    <div class="body">
        <div id="display"></div>

const display = document.querySelector("#display");

var eqnDisp = document.createElement("p");
eqnDisp.classList.add("eqnDisp");
eqnDisp.textContent = "DISPLAY SOMETHING";
display.appendChild(eqnDisp);