JS day03笔记

一. 创建节点
1.createElement() 创建一个新的节点，需要传入节点的标签名称，返回创建的元素对象
2.createTextNode() 创建一个文本节点，可以传入文本内容
3.nnerHTML 也能达到创建节点的效果，直接添加到指定位置了

二. 插入节点
1.write() 将任意的字符串插入到文档中
document.write()在加载文档时使用，会和当前文档使用同一个document对象，所以写入的内容会显示在原来的内容之后；
document.write()在加载文档之后使用（点击按钮触发事件使用），此时document是一个新的对象，会将原来的document对象覆盖，所以原来页面中的内容也会被覆盖。
不要在使用document.write()方法之后去获取元素节点
2appendChild() 向元素中添加新的子节点，作为最后一个子节点
3.insertBefore() 向指定的已有的节点之前插入新的节点
newItem：要插入的节点
exsitingItem：参考节点
需要参考父节点
三. 间接查找节点
1.childNodes () 返回元素的一个子节点的数组 （包括文本节点）
2.firstChild() 返回元素的第一个子节点
3.lastChild() 返回元素的最后一个子节点
4.nextSibling 返回元素的下一个兄弟节点
5.parentNode 返回元素的父节点
6.previousSibling 返回元素的上一个兄弟节点
四. 替换节点
1.replaceChild(newNode,oldNode) 用新的节点替换旧的节点
oldNode.parentNode.replaceChild(newNode,oldNode)
首先通过旧节点定位到父节点，然后用新的节点替换旧节点
五. 克隆节点
1.cloneNode() 复制节点
var 复制好的节点 = 被复制的节点.cloneNode([true/false]);
true：深度克隆，可以克隆结构和内容
false(默认值)：只克隆结构
六. 删除节点
1.removeChild() 从元素中移除子节点
从父元素中删除节点，获取要删除对象的父元素，然后从父元素中删除该对象
七. 获取表单
1.document.表单名称
2.document.getElementById(表单 id);
3.document.forms[表单名称]
4.document.forms[索引]; //从 0 开始
八. 获取 input 的元素
如 text password hidden textarea 等，前两种常用。
1.通过 id 获取：document.getElementById(元素 id);
2.通过 form.名称形式获取: myform.元素名称;  name 属性值
3.通过 name 获取 :document.getElementsByName(元素名称)[索引] //从 0 开始
4.通过 tagName 数组 :document.getElementsByTagName(‘input’)[索引] //从 0 开始
九. 获取 单选按钮
前提：将一组单选按钮设置相同的 name 属性值
1.获取单选按钮组：
document.getElementsByName(“name 属性值”);
2.遍历每个单选按钮，并查看单选按钮元素的 checked 属性
若属性值为 true 表示被选中，否则未被选中
选中状态设定： checked=’checked’ 或 checked=’true’ 或 checked
未选中状态设定： 没有 checked 属性 或 checked=’false’
十. 获取 多选按钮
前提：将一组多选按钮设置相同的 name 属性值
1.获取多选按钮组：
document.getElementsByName(“name 属性值”);
2.遍历每个多选按钮，并查看多选按钮元素的 checked 属性
若属性值为 true 表示被选中，否则未被选中
选中状态设定： checked=’checked’ 或 checked=’true’ 或 checked
未选中状态设定： 没有 checked 属性 或 checked=’false’
十一. 获取下拉选项
1.获取 select 对象：
var ufrom = document.getElementById(“ufrom”);
2.获取选中项的索引：
var idx=ufrom.selectedIndex ;
3.获取选中项 options 的 value 属性值：
var val = ufrom.options[idx].value;
注意：当通过 options 获取选中项的 value 属性值时，
若没有 value 属性，则取 option 标签的内容
若存在 value 属性，则取 value 属性的值
4.获取选中项 options 的 text：
var txt = ufrom.options[idx].text;
选中状态设定：selected=‘selected’、selected=true、selected
未选中状态设定：不设 selected 属性
十二.表单提交类型
1.get请求:参数会直接跟在地址栏后面显示，请求参数的长度有限，相对post而言不安全，不会自动刷新缓存；每次访问时优先获取缓存中的数据，所以请求速度快。
2.post请求（需要服务器的支持）:参数不会跟在地址栏后面显示，请求参数长度不限（其实是有长度限制，与服务器相关），相对而言安全，会自动刷新缓存；请求速度相对而言慢。
通常做查询操作，使用GET请求；增删改使用POST请求。