一、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)新增代码: