时间戳

首页 > 解决方案 > 错误：无法在“节点”上执行“appendChild”：在 JavaScript 中使用微调器时，参数 1 不是“节点”类型

javascript - 错误：无法在“节点”上执行“appendChild”：在 JavaScript 中使用微调器时，参数 1 不是“节点”类型

问题描述

我在从 https://spin.js.org/引用的 javascript 代码中实现了一个微调器，但出现错误 -

错误：无法在“节点”上执行“appendChild”：参数 1 不是“节点”类型

代码：

应用程序.js

    render() {


    var opts = {
        lines: 13, // The number of lines to draw
        length: 38, // The length of each line
        width: 17, // The line thickness
        radius: 45, // The radius of the inner circle
        scale: 1, // Scales overall size of the spinner
        corners: 1, // Corner roundness (0..1)
        color: '#5229cc', // CSS color or array of colors
       //more
      };

       var target = document.getElementById('viz');
    //  var spinner = new Spinner(opts).spin(target);

        var spinner = new Spinner().spin();
        target.appendChild(spinner.el);


          //code
                },
                onCompleted: function () {
                    var target = document.getElementById('viz');
                    var spinner = new Spinner().stop();

                    target.appendChild(spinner.el);


                  session.close();
                 //code

        };

标签： javascriptspinner

解决方案

可能您在onCompleted函数中遇到错误。

我相信你应该删除功能target.appendChild(spinner.el);。onCompleted

根据https://spin.js.org/

要隐藏微调器，请调用 stop() 方法，该方法会从 DOM 中删除 UI 元素并停止动画。停止的微调器可以通过再次调用 spin() 来重用。

推荐阅读