Javascript （“样式”，“文本对齐：居中；字体大小：20px”） .文本（“添加新内容”） 。附件（$）； $("") .attr（“类”、“可视分隔线”） .附件（操纵杆）； $("") .attr（“类”、“可视按钮”） .attr（“id”、“myDelete”

（“样式”，“文本对齐：居中；字体大小：20px”） .文本（“添加新内容”） 。附件（$）； $("") .attr（“类”、“可视分隔线”） .附件（操纵杆）； $("") .attr（“类”、“可视按钮”） .attr（“id”、“myDelete”） .attr（'样式'，'显示：块；空白：nowrap；对齐项目：中心'） .attr（'onclick'，'deleteNode（）'）） .附件（操纵杆）； $('") .attr（“类别”、“可视标签”） .attr（“样式”，“文本对齐：居中；字体大小：20px”） .文本（“删除”） 。附件（$）； }, 100); });

           nodeSet.push({id:"47", 
                         label:"some object type", 
                         font:{color: 'purple'},
                         title:"<span id='nodeManipulation'>you found me</span>",
                         url:"/BackToTech/server?function=viewGraph&NodeID=47"});

addNode: function(nodeData,callback) {
                        var selected = network.getSelectedNodes();
                        if (selected.length > 1) { 
                            alert("narrow your selection down to one type.");
                            return;
                        } else if (selected.length < 1) {
                            alert("select a type first.");
                            return;
                        } else {
                            var node = nodes.get(selected[0]);
                                createInstance(node);
                        }
                      //nodeData.label = 'hello world';
                      //callback(nodeData);
                    }

    network.on("selectNode", function (params) {
            setTimeout(function(){ 
                var manipulationBar = $(".vis-manipulation");
                $("<div>")
                    .attr("class", "vis-button")
                    .attr("id", "myAdd")
                    .attr('onclick', "addNode()")
                    .attr('style', 'display: block; white-space:nowrap;align-items: center')
                    .appendTo(manipulationBar);
                $('<img>')
                    .attr('src', "https://cdnjs.cloudflare.com/ajax/libs/vis/4.19.1/img/network/addNodeIcon.png")
                    .attr('height',"20")
                    .attr('style', "vertical-align: baseline")
                    .appendTo($("#myAdd"));
                $("<span>")
                    .attr("class", "vis-label")
                    .attr("style", "text-align: center; font-size:20px")
                    .text("Add New")
                    .appendTo($("#myAdd"));

                $("<div>")
                    .attr("class", "vis-separator-line")
                    .appendTo(manipulationBar);

                $("<div>")
                    .attr("class", "vis-button")
                    .attr("id", "myDelete")
                    .attr('style', 'display: block; white-space:nowrap;align-items: center')
                    .attr('onclick', "deleteNode()")
                    .appendTo(manipulationBar);
                $('<img>')
                    .attr('src', "https://cdnjs.cloudflare.com/ajax/libs/vis/4.19.1/img/network/deleteIcon.png")
                    .attr('height',"20")
                .appendTo($("#myDelete"));
                $("<span>")
                    .attr("class", "vis-label")
                    .attr("style", "text-align: center; font-size:20px")
                    .text("Delete")
                    .appendTo($("#myDelete"));
            }, 100);
        });