我的github
posts - 3243,  comments - 42,  views - 158万
复制代码
<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>
复制代码

 

posted on   XiaoNiuFeiTian  阅读(203)  评论(0编辑  收藏  举报
编辑推荐:
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)
历史上的今天:
2020-12-02 基于OpenLayers和ArcGIS Server REST的要素信息保存功能
2020-12-02 基于Openlayers和Arcgis Server REST实现地图(要素)点击查询功能
2019-12-02 [机器学习]Fine Tune
2018-12-02 对“自然语言处理”的理解
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示