js的dom操作

获取页面元素的六种方式：
//通过name名去获取元素
var inp = document.getElementsByName(“userName”);
console.log(inp); //返回的是伪数组
var lei = document.getElementsByClassName(“inpu”);
console.log(lei);//返回的是伪数组
//通过选择器的方式获取单个元素
console.log(document.querySelector(".inpu"));// 返回的是对象
//通过选择器的方式获取所有的元素
console.log(document.querySelectorAll(".inpu"));//返回的是伪数组
//通过id名获取元素
console.log(document.getElementById(“myInp”));// 返回的是对象
//通过标签名获取元素
console.log(document.getElementsByTagName(“input”));//返回的是伪数组

阻止图片跳转：return false

男
女
保密
单选框input的name属性一样，才可以选择
// 在表单标签中, 如果属性和值一样, 那么操作DOM的时候, 这个属性值是布尔类型（disabled、cheaked、readonly、selected）
// 用 className 添加类名 会覆盖原有的类名
// 鼠标移入事件 onmouseover
// 鼠标离开事件 onmouseout
**文本框获得失去焦点
// 获取焦点 onfocus
// 失去焦点 onblur