JS学习教程之节点和元素尺寸的常用操作方法

本文介绍了JS学习教程之节点和元素尺寸的常用操作方法，1、创建节点 document.createElement( 标签名称 ) 2、插入节点 方法一：父节点.appendChild(子节点) 方法二：父节点.insertBefore(要插入的子节点, 哪个子节点的前面)……

一、节点操作

1、创建节点

document.createElement('标签名称')

2、插入节点

方法一：父节点.appendChild(子节点)

方法二：父节点.insertBefore(要插入的子节点, 哪个子节点的前面)

3、删除节点

方法一：父节点.removerChild(子节点)

方法二：节点.remove()

4、替换节点

父节点.replaceChild(换上节点, 换下节点)

5、克隆节点

节点.cloneNode(是否克隆后代节点)

二、获取元素尺寸

1、内容+padding+border

元素.offsetHeight

元素.offsetWidth

2、内容+padding

元素.clientHeight

元素.clientWidth