<template>
<el-row type="flex" class="index">
<el-col>
<slot v-if="viewerLoad" name="left"></slot>
<div :id="id" class="atglobe-container" ref="viewer">
<slot v-if="viewerLoad"></slot>
</div>
<slot v-if="viewerLoad" name="right"></slot>
</el-col>
</el-row>
</template>
>>appendchild：https://www.cnblogs.com/2008nmj/p/15632527.html
document.getElementById("myList").appendChild(newListItem);
如果得到父节点dom parentNode
parentNode.append()可以同时传入多个节点或字符串，没有返回值；
parentNode.appendChild()只能传一个节点，且不直接支持传字符串
(需要parentNode.appendChild(document.createTextElement('字符串'))代替)，返回追加的Node节点。
【parentNode.append()是还在试用期的方法，有兼容问题。】
参考：https://www.cnblogs.com/ivan5277/p/10119144.html
document.createDocumentFragment：https://developer.mozilla.org/zh-CN/docs/Web/API/DocumentFragment
var s = document.createElement("SELECT");https://bbs.csdn.net/topics/360049484
selectedIndex或者value：https://www.w3school.com.cn/jsref/event_onchange.asp
selectedIndex是自带的，value是自定义的。
<!DOCTYPE html> <html> <body> <p>请从列表中选择一辆新车。</p> <select id="mySelect" onchange="myFunction()"> <option value="Audi">Audi</option> <option value="BMW">BMW</option> <option value="Mercedes">Mercedes</option> <option value="Volvo">Volvo</option> </select> <p>当您选择一辆新车时，会触发一个函数，输出所选汽车的值。</p> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("mySelect").value; document.getElementById("demo").innerHTML = "You selected: " + x; } </script> </body> </html>
