【js操作dom对象学习笔记二之元素获取方式总结、鼠标触发事件、自定义属性】

1.禁用文本框
  js设置disable的属性为true即不可用状态
  document.getElementById("btn").disable="true";

2.阻止超链接跳转
  return false;

3.鼠标进入 onmouseover
  鼠标离开  onmouseout

4.根据名字获取元素
  <input type="text" value="aa" name="name1"/>
  //返回的是一个数组
  var inputs =document.getElementsByName("name1");

5.根据类样式获取元素
  <p class="cls">这是另一个p</p>
  <span class="cls">这是第一个span</span><br/>
 <span>这是第二个span</span><br/>
  //返回的是一个数组
  var objs =document.getElementsByClassName("cls");

6.根据选择器获取元素
  //根据id获取元素，返回单个元素
  var btnObj = document.querySelector("#btn");
  //获取所有元素，根据类样式，返回的是一个数组
  var objs = document.querySelectorAll(".cls");

总结
  根据id属性的值获取元素,返回来的是一个元素对象
    document.getElementById("id属性的值");
  
  根据标签名字获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象
    document.getElementsByTagName("标签名字");
  
  下面的几个,有的浏览器不支持
  
  根据name属性的值获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象
    document.getElementsByName("name属性的值")

  根据类样式的名字来获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象
    document.getElementsByClassName("类样式的名字")

  根据选择器获取元素,返回来的是一个元素对象
    document.querySelector("选择器的名字");
  
  根据选择器获取元素,返回来的是一个伪数组,里面保存了多个的DOM对象
    document.querySelectorAll("选择器的名字")

7.注册焦点事件
  onfocus
  
  失去焦点事件
  onblur

8.自定义属性
  设置自定义属性：对象.setAttribute("属性的名字","属性的值");
  获取自定义属性的值:对象.getAttribute("属性的名字")
  移除自定义属性:对象.removeAttribute("属性的名字")
 
 eg:移除元素类样式
    .removeAttribute("class");