第一种：按照class类型删除

1、取出要删除的标签，这里对应tagName变量

2、可能有多个，所以需要遍历所有取到的标签

3、如果标签中的className和需要删除的变量名称相同，删除该标签

4、这里需要用到标签的父标签进行删除

第二种：按照Id值删除

1、利用方法getElementById得到标签

2、不会有多个相同Id的标签，所以直接删除就行

3、需要判断存在不存在，只有存在情况下才可以删除，不然会报错

经常扒别人网站文章的坑们；我是指那种批量式采集的压根不看内容的；少不了都会用到删除html标签的函数；这里介绍3种不同用途上的方法；

$str='<div><p>这里是p标签</p><img src="" alt="这里是img标签"><a href="">这里是a标签</a><br></div>';

今天给大家分享一个功能超强的自由拖拽排序组件VueSlicksort。

vue-slicksort 一款功能强大的可拖拽的vue.js组件。拥有丝滑般拖拽动画效果，支持水平/垂直/网格拖拽排序。还可以自动滚动、锁定坐标系，并支持触摸。

代码片段

<SlickList :lockToContainerEdges="true"
  :pressDelay="300"
  v-model="appitems"
  helperClass="helperClass"
  class="ul"
  axis="xy"
>
  <SlickItem v-for="(item,index) in appitems" :index="index" :key="index" class="li">
    <div :class="{'add-border':isEditMenus}" class="app-border" @click="toApp(item)">
	  <img :src="item.menuIcon" class="app-icon">
	  <p>{{ item.menuName }}</p>
	  <img v-if="isEditMenus" src="@/assets/del.png" class="del" @click.stop="delApp(item,index)">
    </div>
  </SlickItem>
</SlickList>
<div class="notice">以上应用展示在首页</div>

1、单次定时器

语法：

 // 单次定时器，只能执行一次
 setTimeout(function () { },time);
 // - 参数1：function 必需。函数，过time时间之后执行的业务逻辑。
 // - 参数2：time 可选。执行或调用 function 需要等待的时间，以毫秒ms计。默认为 0。1s=1000ms
 
 // 清除setTimeout单次定时器
 clearTimeout(定时器名称);

预想效果

初次设置样式

实际效果

.tupianbx img{
max-width: 800px;
height:auto;
width:expression(this.width > 800 ? "800px" : this.width);
}

<div class="tupianbx"> 内容部分可以出现表格table<img >照样可以控制</div>