使用js操作元素节点

发布时间：2023-09-06 02:02责任编辑：傅花花关键词：js

1 节点的访问关系以属性形式存在?

box1.nextElementSibling 获取box1的下一个兄弟节点 ;

box1.parentNode.childNodes 获取所有的子节点

box1.parentNode.children 获取所有的子节点

box1.parentNode.firstElementChild 选中自己

2 节点的操作?

创建节点: var aaa = document.createElement(‘li‘);

添加节点: box1.appendChild(aaa);

box1.insertBefore(bbb,aaa);

box1.insertAfter();

删除节点: box1.removeChild(aaa);

aaa.parentNode.removeChild(aaa); //删除自己

替换节点: box1.replaceChild(aaa,targetNode);

3 设置或获取元素节点的两种方式?

var eleNode = document.getElmentsByTagName(‘img‘)[0];

//设置值

eleNode.src = ‘images/tm.png‘;

eleNode.bbb = ‘huihua‘;

eleNode.setAttribute(‘id‘,‘dog‘);

eleNode.setAttribute(‘ccc‘,‘huihua‘);

//获取值

console.log(eleNode.tagName);

console.log(eleNode.getAttribute(‘id‘));

//删除值

eleNode.removeAttribute(‘id‘);

使用js操作元素节点

原文地址：https://www.cnblogs.com/hasher/p/9259976.html