JavaScript:appendDiv(append和appendChild的区别)

<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>
【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/2008nmj/p/15633003.html