摘要:返回值被删除的那一个元素。作用截取数组中一部分,并返回这个新的数组返回值截取后的新的数组。传入的时候,内的返回值小于或者等于,数组序列不变。由于内部是随机抽取两个值,我们在利用函数的返回值,大于的时候,交换位置。
1.常用的字符串方法
1. indexOf:查找字符串某一项的初始位置
2. slice:截取字符串(包含起始位置,不包含结束位置)
不会根据参数大小,交换参数位置 如果出现-1按倒数第一个数,如果出现-2按倒数第二个数。
3. substring:截取字符串(包含起始位置,不包含结束位置)
会根据参数大小,交换参数位置 如果出现负数,则按0处理。
4. substr:截取字符串
5. split:
作用: 通过一个指定的字符串 把原字符串分割成一个数组。 语法: array string.split([separator] [, limit]) 参数:separator是指分割符。limit指定最多分割的数量,可以理解为数组长度,默认为全部。 返回值:返回一个数组。 注意:当没有分割符的时候(没有传入参数),整个字符串将作为一个整体保存到数组中。 用分割符分割的时候,分割符会在被删除了在传入数组。
6.charAt:返回对应位置的字符
2.常用的数组方法1. join: 将数组通过指定字符拼接成字符串。
separator可选,如果省略的话,默认为一个逗号。如果 seprator 是一个空字符串,那么数组中的所有元素将被直接连接。
2. push: 往数组的末尾添加一个或者多个元素。返回值:新数组的length。会修改原数组。
3. unshift: 往数组的末尾添加一个或者多个元素。返回值:新数组的length。会修改原数组。
4. pop: 作用: 删除数组最后 一个 元素。返回值: 被删除的那一个元素。注意:会修改原数组。
5. shift: 作用: 删除数组 第一个 元素。返回值: 被删除的那一个元素。注意:会修改原数组。
6. slice: 作用:截取数组中一部分,并返回这个新的数组.返回值: 截取后的新的数组。注意:不会修改原数组。
7. splice
array array.splice(start, deleteCount[, item1[, item2[, ...]]]) - start 起始位置 - deleteCount 删除长度 - item 添加的内容 返回值: 由被删除的元素组成的一个数组 注意:修改了原数组的内容。4.sort
作用: 对数组的元素进行排序。
语法: array arr.sort([compareFunction]);
参数: compareFunction可选。用来指定按某种顺序进行排列的函数。如果省略,元素按照转换为的字符串的诸个字符的Unicode位点进行排序。
返回值: 排序后的数组.
1.children 和 childNodes
children 获取节点的一级的元素子节点,返回的是集合 HTMLCollection childNodes 获取节点的子节点,可能获取到 元素节点,文本节点,注释节点,返回的是集合 NodeList
p
一句话
2.
node.previousElementSibling 上一个元素兄弟节点
node.nextElementSibling 下一个元素兄弟节点
3.firstElementChild和lastElementChild
1234
4.setAttribute和removeAttribute
5.getBoundingClientRect()
script> var box = document.getElementById("box"); console.log( box.getBoundingClientRect() ); console.log( box.getBoundingClientRect().left );//盒子 左边 距离 可视区 左边 的距离 301 console.log( box.getBoundingClientRect().right);//盒子 右边 距离 可视区 左边 的距离 481 console.log( box.getBoundingClientRect().top);//盒子 顶部 距离 可视区 顶部 的距离 ,这个页面的滚动会发生变化 501 console.log( box.getBoundingClientRect().bottom);//盒子 底部 距离 可视区 顶部 的距离,这个页面的滚动会发生变化 731 console.log( box.getBoundingClientRect().width);//盒子 可视 宽度(就是不包括margin) 180 console.log( box.getBoundingClientRect().height);//盒子 可视 高度(就是不包括margin)230
6.createElemen
创建元素: innerHTML 问题:原先元素的事件会被清除. document.createElement("div"); 为创建的元素添加属性,样式,事件
7.appendChild
parentNode.appendChild(childNode) 往一个节点里边添加一个子节点,注意是添加在最后 parentNode:父节点(需要把节点放入哪个容器的内部) childNode:子节点(需要放的节点) childNode 会被放进 parentNode 内部 的 尾部
大头儿子
8.insertBefore
parentNode.insertBefore(childNode1,childNode2) 往一个节点的 指定子节点前边插入一个节点 childNode1插入到childNode2前边; 如果第二个参数没有,会报错 如果第二个参数是null,相当于appendChild
9.removeChild
parentNode.removeChild(childNodes) 从一个节点中删除指定的子节点。 注意:返回值是你删除的节点
10.replaceChild
parentNode.replaceChild(node,childNode) node用来替换的节点 childNodes被替换的子节点 两个参数都必须写。
11.cloneNode
node.cloneNode(boolean) 克隆一个节点,返回值是 克隆 的新节点 boolean:是否进行深度克隆 true:克隆元素和元素包含的子孙节点 flase:克隆元素但不包含元素的子孙节点 注意: 克隆的时候会把节点的id也克隆下来,所以要注意多带带设置节点的id
大头儿子半碗粉辣椒油
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/113662.html
摘要:节后,收到了来自百度的电话,简单明了,商定了电话面试的时间。转眼间,约定之日到来。后记当天就收到了上海百度的邮件,确认了三面的的时间,还有差旅报销注意事项。想到要只身一人去到人生地不熟的上海面试,内心有些期待,又有些忐忑。 一切都不那么真实 当一面结束时,一切都显得不那么真实。几分钟前还在着急忙慌地接招,随着电话的挂断,周遭又安静了下来,安静到感觉连脑袋都变得有些迟钝。 这种感觉很熟悉...
摘要:获取的对象范围方法获取的是最终应用在元素上的所有属性对象即使没有代码,也会把默认的祖宗八代都显示出来而只能获取元素属性中的样式。因此对于一个光秃秃的元素,方法返回对象中属性值如果有就是据我测试不同环境结果可能有差异而就是。 花了很长时间整理的前端面试资源,喜欢请大家不要吝啬star~ 别只收藏,点个赞,点个star再走哈~ 持续更新中……,可以关注下github 项目地址 https:...
阅读 2232·2023-04-25 23:15
阅读 1834·2021-11-22 09:34
阅读 1505·2021-11-15 11:39
阅读 843·2021-11-15 11:37
阅读 2111·2021-10-14 09:43
阅读 3434·2021-09-27 13:59
阅读 1478·2019-08-30 15:43
阅读 3416·2019-08-30 15:43