题目一:
JavaScript 获取倒数第二个li元素
如何利用JavaScript获取li元素集合中的倒数第二个元素。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
#box{
list-style:none;
font-size:12px;
line-height:25px;
height:25px;
}
</style>
<script type="text/javascript">
window.onload=function(){
var obox=document.getElementById("box");
var oshow=document.getElementById("show");
var lis=obox.getElementsByTagName("li");
oshow.innerHTML=lis[lis.length-2].innerHTML;
}
</script>
</head>
<body>
<div id="show"></div>
<ul id="box">
<li>一</li>
<li>二</li>
<li>三</li>
<li>四</li>
<li>五</li>
</ul>
</body>
</html>
运行结果:
相关知识:
.getElementsByTagName
此方法可以获取具有指定标签名的元素集合。
.innerHTML属性可以设置或者返回指定元素的HTML内容。
题目二:
JavaScript 数组 指定索引位置插入元素
当前有一个数组,如果我们想要在其任意位置插入一个新的元素,如何实现此功能。
let arr=["apple","banana","red"];
arr.splice(1,1,"blue");
console.log(arr);
运行结果:
相关知识:
splice翻译成汉语具有"剪接"意思,恰如其名,此方法对数组具有"剪接"功能。详见JavaScript splice()
arr.splice(start,num,element1,.....,elementN)
参数解析:
(1).start:必需,规定从何处删除或者替换数组元素。
(2).num:可选,规定要删除数组元素的数量。
(3).elementN:可选,规定从start位置要插入的新元素。
题目三:
JavaScript 删除字符串重复字符
let str="AAAABBBBCCCC";
let set=new Set(str);
console.log([...set].join(""));
//输出ABC
相关知识:
- 通过Set()构造函数可以创建一个Set对象实例。
此对象与数组非常相似,但是Set对象中的元素不能重复,set中已经存在的成员,不允许再被添加。 - 展开运算符用三个点(…)表示。详见js展开运算符
- join方法是用来连接数组中的元素的,例:
let arr = ["apple",6,"banana","orange","cat"]
console.log(arr.join("^"));
//输出 apple^6^banana^orange^cat