DOM:
标签 css
元素 JS
节点 DOM 都是同一个东西
childNodes是一个数组 存子节点的一个数组 oUl.childNodes.length
nodeType:测试子节点的类型 文本节点(=3) 元素节点(=1)
children 类似于childNodes 不过只保存元素节点
子节点只算第一层的
父节点 :parentNode专门迎来查找父节点
offsetParent:获取一个元素用来定位的父集
(作为一个绝对定位absolute的元素 他是根据有定位的父集来定位 如果最直接的父集没定位 就一级一级往上找 直到body)
2.元素属性操作:(三种方式)
1.oDiv.style.display="block";
2.oDiv.style["display"]="none";
3.DOM :setAttribute:有两个参数 (要动的属性名称,要设置的值为多少)三种操作属性的方式
DOM方式操作元素属性:
获取:getAttribute(名称)
设置:setAttribute(名称,值)
删除:removeAttribute(名称)
3.兼容性判断: if语句
4.首节点:firstChild/firstElementChild
尾节点:lastChild/lastElementChild
兄弟节点:nextSibling/nextElementSibling
previousSibling/previousElementSibling(兼容性问题)
5.用classnName选择元素
for(i=0;i<aLi.length;i++){
if(aLi[i].className=='box'){
aLi[i].style.background='red';
}
}
6.* 通配符 表示所有的标签
7. var aResult=[]:空数组
8. js数组的sort的方法:
https://www.cnblogs.com/fnz0/p/7680297.html
array.sort()方法默认是升序排序
若想别的排序方法,需要在sort里加函数
sort(函数名(拿比较的个体1,拿出来比较的个体2){函数体});
arr.sort(function(a,b){
return b-a;
});
比较函数两个参数a和b,返回a-b升序,返回b-a降序
18.parseInt():
https://www.cnblogs.com/veinyin/p/7647863.html
https://www.cnblogs.com/dupd/p/6117619.html
parseInt() 函数可解析一个字符串,并返回一个整数。
19.表单:
eg:用户名:<input type="text" name="name"/>
name和ID类似 后台通过name来一一对应元素 前台是ID
表单知识:http://www.w3school.com.cn/html/html_forms.asp
表单有自己的事件:onsumbit onreset(重置时发生 <input type="reset"/>一点击东西就没了)
action:按提交之后网页连接到的网址
表单的type的类型:text radio sumit
19.
DOM
最新推荐文章于 2022-07-04 20:19:44 发布