js节点输出控制练习

1.创建节点，获取节点，输出节点值，类型和名称。
2.删除节点

废话不多说，直接上html代码，有用的话，请给个采纳。

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>JS节点控制</title>
  <script>
    function createNode() {
      // 创建一个新的节点
      var node = document.createElement("p");
      node.innerHTML = "这是一个新的节点";
      node.setAttribute("class", "node");

      // 获取输出结果的元素
      var output = document.getElementById("output");

      // 输出节点信息
      output.innerHTML += "节点值：" + node.innerHTML + "<br>";
      output.innerHTML += "节点类型：" + node.nodeType + "<br>";
      output.innerHTML += "节点名称：" + node.nodeName + "<br>";

      // 添加节点到文档中
      document.body.appendChild(node);
    }

    function deleteNode() {
      // 获取所有class为node的元素
      var nodes = document.getElementsByClassName("node");

      // 如果有节点，则删除第一个节点
      if (nodes.length > 0) {
        nodes[0].parentNode.removeChild(nodes[0]);
      }
    }
  </script>
</head>
<body>
  <button onclick="createNode()">创建节点</button>
  <button onclick="deleteNode()">删除节点</button>
  <div id="output"></div>
</body>
</html>

这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7778663
这篇博客你也可以参考下：js文字自动向上无缝滚动，鼠标放入停止滚动，移出继续滚动
除此之外, 这篇博客: JS作业(1).作业及解析中的 3. 写出下列代码的输出结果（腾讯面试题） 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:

var str = 'abc123';
var num = parseInt(str);
if (num == NaN) {
    alert(NaN);
} else if (num == 123) {
    alert(123);
} else if (typeof num == 'number') {
    alert('number');
} else {
    alert('str');
}
// alert("number");

此题基础题, 无解析(num 是 NaN)!

您还可以看一下何韬老师的简单粗暴学习数据结构与算法——JS版（一）课程中的课程简介小节, 巩固相关知识点