一、DOM编程
1.操作元素文本和值：
1）获取标签的对象：
document.getElementById("id名称");
2）获取元素的文本内容：
获取HTML中的内容：div.innerHTML;
获取文本信息：div.innerText;
3）操作元素文本和值：
例如：
可以识别HTML信息：div.innerHTML="<h1>我们没有什么不一样</h1>"；
不嫩识别HTML信息：div.innerText+="<h1>我们没有什么不一样</h1>"；
注意：
1）双标签有innerHTML和innerText；
2）单标签获得的时候都是用value获得；
3）特殊的标签：select、textarea；
2.操作元素：
（1）创建节点的方法：
document.createElement(“div")；
（2）加入节点的方法：
1）末尾追加的方式：
parentNode.appendChild(childElement)；
2）指定节点前插入新节点：
parentNode.insertBefore(newNode,beforeNode)；
（3）删除节点的方法：
1）parentNode.removeChild(childNode)；
2）p.remove();
（4）替换节点的方法：
parentNode.replaceChild(newNode, oldNode)
二、表单元素操作
1.操作表单元素：
（1）readonly和disabled：
1）共同点：可以看到数据， 但是不可以操作数据；
2）不同点：
readonly（只读）： 里面的数据是可以提交到后台；
disabled（不可用）：数据无法提交到后台；
2.控制表单提交的方式：
1）onsubmit="return checkName()"；
2）document.fom.submit();
3） var fom = document.getElementById("fom"); fom.submit();
3.表单验证：
（1）四位随机验证码：
通过获得个四位的随机整数:（Math.random()*9000+1000）;
（2）判断性别是否选择：
通过判断是否选择任意一个性别单选框；如果选择了设置span标签的文本为成功；否则设置请选择性别；
（3）籍贯是否选择：
对每个下拉框的值分别设置从0开始的整数；判断值如果为0；没有选择籍贯；否则籍贯已选择。
4.自定义对象prototype：
prototype对象的作用，就是定义所有实例对象共享的属性和方法，所以它也被称为实例对象的原型，实现在js中没有继承的功能。
三、购物车功能实现
（1）新增代码：
网友评论