首页 > 技术文章 > Js——节点操作、节点属性操作

go-wandering 2019-05-30 23:19 原文

查询节点

单一节点:document.getElementById、document.getElementByTagName、document.getElementByName、document.getElementByClassName

可选节点:document.querySelector()  // 参数为选择器

document.getElementById(select_id).value;

 

页面表单元素:document.forms

 

增加节点

新增:document.createElement()  // 创建元素节点,参数为标签名

末尾追加:a.appendChild(b)  // 在a元素末尾添加b节点

中间追加:a.insertBefore(k,b)  // 在a元素的k节点前添加b节点

 

删除节点

直接删除:a.removeChild(b)  // 删除a元素中的n节点

替换删除:a.replaceChild(k,b)  // 用b节点替换a元素中的k节点

 

常用节点属性操作

添加属性:setAttribute(name,value)

获取属性值:getAttribute(name)

删除属性:removeAttribute(name)

推荐阅读