jsDOM操作

Posted 2021-01-31 跑很快的土豆

DOM操作最主要的就是找到元素，操作元素。

1、节点
 　　previousSibling           匹配字符 包括换行和空格，而不是节点
 　　previousElementSibling    直接匹配节点。

2、常用的找到元素：
　　 document.getElementById();           通过id属性查找
 　　document.getElementsByName();   通过name属性查找  
　　 document.getElementsByTagName();  通过标签的名字查找
 　　document.getElementsByClassName();  通过class属性查找，找到的是数组 如果只找到一个，那么也是元素只有一个的数组

3、操作元素  对象变量名:obj
   创建删除
   操作内容
   非表单元素   直接操作
   　　obj.innerhtml   获取   单独写是获取
   　　obj.innerhtml ="赋值"  加上等号就给它赋值
  表单元素     先赋值再操作
   　　obj.value      获取   单独写是获取  
   　　obj.value=123
  操作属性
  　　obj.getAttribute();  获取指定的属性值     方法通过名称获取属性的值
  　　obj.setAttribute("id","btn");  设置属性  设置id的值btn
  　　obj.removeAttribute("name"); 删除指定的属性
 操作事件
 操作样式(只能操作内联 也就是行内)
  　　obj.style.样式
  　　obj.style.样式 = 值