js

百度前端斌斌学院

Posted by liyaozr on April 20, 2017

部分内容来源于百度前端技术学院优秀学习笔记。

一 JS中innerHTML、outerHTML、innerText 、outerText、value的区别与联系?

jS中设置或者获取所选内容的值:

1.innerHTML :属性设置或返回该标签内的HTML。

也就是从对象的起始位置到终止位置的全部内容,包括Html标签。

2.outerHTML:属性设置或返回该标签及标签内的HTML。

也就是从对象的该标签起始到终止位置的全部内容,包括Html标签

如果要输出不含HTML标签的内容,可以使用innerHTML取得包含HTML标签的内容后,再用正则表达式去除HTML标签。

3.inneText:从起始位置到终止位置的内容,但它去除html标签。(只能在IE和chrome下使用)

4.outerText 设置(包括标签)或获取(不包括标签)对象的文本

5.value:属性可设置或返回密码域的默认值。获取文本框的值。

二 如何对二维数据进行排序?

有数据如下:

var aqiData = [
  ["北京", 90],
  ["上海", 50],
  ["福州", 10],
  ["广州", 50],
  ["成都", 90],
  ["西安", 100]
];

比较函数:

//降序
function des(a,b) {
   return b[1]-a[1];
}
//升序
function asc(a,b){
    return a[1]-b[1];
}

以上数组排序操作:

aqiData.sort(asc);

三 如何创建二维数据

var arr = [];
arr[0] = [];

四 如何去除字符串中的空格

//去除所有空格:   
str = str.replace(/\s+/g,'');

//去除两头空格:   
str = str.replace(/^\s+|\s+$/g,'');

//去除左空格:
str = str.replace( /^\s*/, '');

//去除右空格:
str = str.replace(/(\s*$)/g, '');

五 如何清空数组中的空值

for (var i = 0; i < arr.length; i++) {
  if (arr[i]===''||arr[i]===undefined) {
    arr.splice(i,1);
    i--;
  }
}