DOM基本操作

MUI HTML5

MUI

DOM基本操作

1.element.classList; //return classNames
 此属性,获得所有的类名列表,集合
2.classNames.add('类名'); 
 此方法返回:undefined,所有不能进行级联操作添加类!!!!
 新增一个类,如果存在该类,则忽略添加,不存在则添加。是新添加一个类,不会覆盖原有的类
3.classNames.remove('类名');
 此方法返回:undefined,所有也不能进行级联操作!!!!
 从元素类名中移除一个类,
4.classNames.toggle('类名');
 此方法返回:如果不存在该类名,则添加该类,并返回true, 否则删除该类,返回false
 即无则添加,有则删除。
5.classNames.contains('类名');
 表示类名列表中是否包含该类,有则返回true, 无则返回false

备注:element.classList.toString() == element.className();

6.element.parentNode;
 找到相应的交元素
 
7.element.removeChild();
 删除相应的子元素

9.document.createElement('标签');
 创建相应的元素

10.element.appendChild('元素');
 添加子元素 
 
11.document.createTextNode('首页');
 创建文本节点
  
12.element.innerHTML = '';

 

13.element.innerText = ''; 

 

14.element.previousElementSibling;
 上一个兄弟结点

 

15.element.nextElementSibling;
 下一个兄弟结点