美文网首页
JS常见DOM操作

JS常见DOM操作

作者: WPeach | 来源:发表于2017-03-11 21:18 被阅读0次

创造新节点

     createDocumentFragment()    //创建一个DOM片段

     createElement()   //创建一个具体的元素

     createTextNode()   //创建一个文本节点

添加、移除、替换、插入

      appendChild()

      removeChild()

      replaceChild()

      insertBefore() //并没有insertAfter()

查找

      getElementsByTagName()    //通过标签名称

      getElementsByName()    //通过元素的Name属性的值(IE容错能力较强,
      会得到一个数组,其中包括id等于name值的)

      getElementById()    //通过元素Id,唯一性

相关文章

  • document.createDocumentFragment(

    2018-06-29 创建 常见 dom 操作 js常见的创建dom节点的方法有 createElement() ...

  • JS常见DOM操作

    创造新节点 添加、移除、替换、插入 查找

  • JavaScript 基本语法

    常见用途 HTML DOM 操作(结点操作,比如添加、修改、删除结点) 给网页增加动态功能 js 输出与调试

  • 前端发展历史

    1.js操作html 利用原生的javascript (js包括ECMAscript BOM DOM)的DOM操作...

  • 《高性能JavaScript》读书笔记——DOM操作

    用JS进行DOM操作的代价是昂贵的,它是富web应用中最常见的性能瓶颈。 DOM 文档对象模型(DOM)是一个独立...

  • JS第七天-03

    DOM DOM树结构关系代码示例: 一、JS中标签关系 二、JS操作页面标签 三、JS操作DOM一般步骤 1、创建...

  • clientHeight、offsetHeight、scroll

    js 操作DOM这几个是常见的,合格前端必须掌握其中的概念 clientHeight: 元素可见区域高; offs...

  • 028 DOM

    DOM 一、JS中标签关系 二、JS操作页面标签 三、JS操作DOM一般步骤 1、创建标签 2、设置标签样式文本 ...

  • 面试中React与Vue的比对 / 面试/mvvm/virtua

    1.virtual dom 用JS模拟DOM结构,DOM变化的对比,放在JS层做,以提高重绘性能 DOM操作昂贵,...

  • JavaScript DOM

    高性能 JS-DOM 用脚本进行 DOM 操作的代价很昂贵,是富 web 应用中常见的性能瓶颈。主要有以下三种问题...

网友评论

      本文标题:JS常见DOM操作

      本文链接:https://www.haomeiwen.com/subject/ouudgttx.html