js dom

创建和追加

   <button onclick="getcity()">点击</button>
<ul id="goss">
    <li>第1个</li>
    <li>第2个</li>
    <li>第3个</li>
    <li>第4个</li>
    <li>第5个</li>
</ul>
<script>
    var tiem = 6;
    function getcity() {
        var $li = document.createElement('li');  //创建
        $li.innerText = `第${tiem++}个`;
        var $goss = document.getElementById('goss')
        $goss.appendChild($li)   //追加
    }

删除

  <button onclick="geis()">删除</button>
<p>沙发沙发撒方法撒</p>
<script>
    function geis() {
        document.querySelector('p').remove() //删除
    }
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 模块化开发 特点 延迟解析 默认严格模式 使用步骤 1.通过export导出成员2.在另一个文件当中通过impor...
    dawsonenjoy阅读 1,319评论 0 0
  • 翻译自:高性能Javascript 第三章Dom操作是昂贵的,它通常是web应用的性能瓶颈。这篇文章讨论Dom操作...
    Addy_Zhou阅读 8,158评论 0 5
  • 有的没的 DOM就是把html视为一个层次结构(树形结构)的文档 文档(Document):一个页面就是一个文档,...
    哎呦呦胖子斌阅读 4,082评论 0 0
  • DOM基础概念、操作 DOM是什么 DOM全称为The Document Object Model,应该理解为是一...
    Arroganter阅读 3,723评论 0 0
  • 文档逻辑结构 DOM基础概念、操作DOM是什么DOM全称为The Document Object Model,应该...
    数据萌新阅读 1,917评论 0 0