2020-3-17

最新推荐文章于 2023-02-22 11:28:57 发布

放羊的星星，，

最新推荐文章于 2023-02-22 11:28:57 发布

阅读量175

点赞数

本文链接：https://blog.csdn.net/weixin_44849258/article/details/104935012

版权

题目一：
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

放羊的星星，，

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
2020-3-17

题目一：JavaScript 获取倒数第二个li元素如何利用JavaScript获取li元素集合中的倒数第二个元素。<!DOCTYPE html><html><head><meta charset="utf-8"><style type="text/css">#box{ list-style:none; font-si...
复制链接

扫一扫