week2 day1 总结

1.js常用方法:

1.1sort方法 - 数组排序

nums = [1, 2, 4, 6, 2, 4, 99, 11, 22, 44, 33]
nums = nums.sort(function(a, b) {
return a - b
})

1.2正则匹配 - re.test(str) ->返回值: true/false

例如:

text = '川A99999'
var re = /^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-Z0-9]{4}[A-Z0-9挂学警港澳]{1}$/
re.test(text)

1.3 js节点添加(三个步骤)

1.创建节点
divNode = document.createElement('div')
2.给节点添加内容
divNode.innerText = '我是新建的div'
divNode.calssName = '样式'
3.添加到父节点
父节点.appendChild(divNode)
父节点.insertBefore(divNode)

1.4 删除节点

//父节点.removeChild(子节点) -- 删除父节点中的子节点
div1Node.removeChild(div11Node)
//清除父节点的所有子节点
function removeAll() {
div1Node.innerHTML = null
}
//直接移出指定标签
//节点.remove(),删除该节点

1.5获取节点的三种方式

1.通过id获取
document.getElementById(节点id)
2.通过标签名获取
document.getElementsByTagName(标签名) -- 返回数组(遍历获取每个标签,但可能存在不是标签的内容,所以要用类型=='object'来判断是否是标签)
3.通过类名获取
document.getElementsByClassName(类名) -- 返回数组(遍历获取每个标签,但可能存在不是标签的内容,所以要用类型=='object'来判断是否是标签)

1.6间接获取节点

1.获取父节点

var box11Node = document.getElementById('box11')
//1.获取父节点
var box1Node = box11Node.parentNode
var box1Node2 = box11Node.parentElement
console.log(box1Node,box1Node2) # 两个方法一模一样

2.获取子节点

    //a.获取所有的子节点
    //父节点.children - 返回一个数组
    var allChild = box1Node.children
    console.log(allChild)

    //父节点.childNodes - 获取父节点下所有的内容(包括子节点和文本)  -- 使用较少
    var allChild = box1Node.childNodes
    console.log(allChild)
    //b.获取第一个子节点
    var fristNode = box1Node.firstElementChild
    console.log(fristNode)
    //c.获取最后一个子节点
    var fristNode = box1Node.lastElementChild
    console.log(fristNode)

1.7this的使用方法

如果this不进行绑定,或者对象调用指代对象是window,只有绑定了方法或者对象调用才会将this绑定给指定对象.