首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

getElementsByClass和appendChild -如何只修改类的最后一个元素

getElementsByClass是一个用于获取指定类名的元素集合的方法,它可以通过指定类名来获取文档中所有具有该类名的元素。该方法返回一个类数组对象,可以通过索引访问其中的元素。

appendChild是一个用于向指定元素的子节点列表末尾添加新的子节点的方法。它接受一个参数,即要添加的子节点对象。

如果想要只修改类的最后一个元素,可以按照以下步骤进行操作:

  1. 使用getElementsByClass方法获取指定类名的元素集合。
  2. 判断获取到的元素集合的长度,如果长度大于0,则表示存在该类名的元素。
  3. 使用数组的索引操作,将最后一个元素取出。
  4. 对该元素进行修改操作,例如修改其样式、属性等。
  5. 如果需要添加新的子节点,可以使用appendChild方法将新的子节点添加到该元素的子节点列表末尾。

以下是一个示例代码:

代码语言:javascript
复制
// 获取指定类名的元素集合
var elements = document.getElementsByClassName("className");

// 判断是否存在该类名的元素
if (elements.length > 0) {
  // 获取最后一个元素
  var lastElement = elements[elements.length - 1];

  // 修改最后一个元素的样式
  lastElement.style.color = "red";

  // 添加新的子节点
  var newChild = document.createElement("div");
  lastElement.appendChild(newChild);
}

在腾讯云的产品中,与前端开发、后端开发、数据库、服务器运维等相关的产品有:

  1. 云服务器(CVM):提供弹性计算能力,支持自定义配置和管理服务器实例。 产品介绍链接:https://cloud.tencent.com/product/cvm
  2. 云数据库 MySQL版(CDB):提供高性能、可扩展的关系型数据库服务。 产品介绍链接:https://cloud.tencent.com/product/cdb_mysql
  3. 云存储(COS):提供安全、稳定、低成本的对象存储服务,适用于存储和处理各类非结构化数据。 产品介绍链接:https://cloud.tencent.com/product/cos
  4. 云函数(SCF):无服务器的事件驱动型计算服务,支持按需运行代码,无需管理服务器。 产品介绍链接:https://cloud.tencent.com/product/scf

请注意,以上仅为示例产品,实际应根据具体需求选择适合的产品。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

选择最后一个元素及nth-childnth-of-type区别

CSS3 :last-child 选择器 指定属于其父元素最后一个元素 p 元素背景色 p:last-child { background:#ff0000; } CSS3 :nth-last-child...() 选择器 规定属于其父元素第二个子元素每个 p 元素,从最后一个元素开始计数: p:nth-last-child(2) { background:#ff0000; } p:last-child...等同于 p:nth-last-child(1) CSS3 :nth-last-of-type() 选择器 规定属于其父元素第二个 p 元素每个 p,从最后一个元素开始计数: p:nth-last-of-type...(2) { background:#ff0000; } 对于:nth-child选择器,在简单白话文中,意味着选择一个元素: 这是个段落元素 这是父标签第二个孩子元素 对于:nth-of-type选择器...,意味着选择一个元素: 选择父标签第二个段落子元素 例子: p:nth-child(2)悲剧了,其渲染结果不是第二个p标签文字变红,而是第一个p标签,也就是父标签第二个子元素

3.1K10

在排序数组中查找元素一个最后一个位置

在排序数组中查找元素一个最后一个位置 给你一个按照非递减顺序排列整数数组 nums,一个目标值 target。请你找出给定目标值在数组中开始位置结束位置。...我们将这道题拆解成两个部分,第一部分就是求该元素左端点,另一部分就是求该元素右端点。其实这两部分是大同小异,只要弄懂其中一个,另一个就迎刃而解! 我们首先来讲第一部分——求该元素左端点。...第一步将这些数据分为两个部分:小于元素大于等于该元素这两个部分。 第二步就是普通二分算法代码 注意这里有一个细节,跟普通二分查找算法不同,也是后面细节“万恶之源”。...2、求中点操作 首先我们要知道为了避免数据溢出我们采用上面的求中点操作,而不是直接加,可能会数据溢出。 然后上面的两种算法分别是求左边右边。...总结:只要左式右式操作数不一样,中点就偏向哪边!!!

10010
  • 在排序数组中查找元素一个最后一个位置

    在排序数组中查找元素一个最后一个位置 给定一个按照升序排列整数数组 nums,一个目标值 target。找出给定目标值在数组中开始位置结束位置。...接下来,在去寻找左边界,右边界了。 采用二分法来去寻找左右边界,为了让代码清晰,我分别写两个二分来寻找左边界右边界。...刚刚接触二分搜索同学不建议上来就像如果用一个二分来查找左右边界,很容易把自己绕进去,建议扎扎实实写两个二分分别找左边界右边界 寻找右边界 先来寻找右边界,至于二分查找,如果看过704.二分查找就会知道...总结 初学者建议大家一块一块去分拆这道题目,正如本题解描述,想清楚三种情况之后,先专注于寻找右区间,然后专注于寻找左区间,左右根据左右区间做最后判断。...target下标(左边界)与第一个大于target下标(右边界); # 2、如果左边界<= 右边界,则返回 [左边界, 右边界]。

    4.7K20

    刷题2:在数组中查找元素一个最后一个位置

    题目:给定一个整数数组 nums, 一个目标值 target。找出给定目标值在数组中开始位置结束位置。...题目解析: 1.给定一个数组,确定一个数组, 数组是整数,那么我们可以知道,那么target也是整数。...2.要求target在数组中开始位置结束位置,我们可以先找出来target在list里面的下标位置,把这些下标位置放到list里面,我们去取list里面的第一个元素最后一个元素,就是对应开始位置结束位置...那么我们就可以上手去实现我们代码了。 从这期开始,我们代码将用python java两个版本去实现,同时从两方面去提高我们,同时 也面向了两门语言学习者。...那么我们测试完毕,根据测试覆盖率来说,我们目前测试是已经完成了覆盖了百分之百路径代码。 后续会陆续给大家分享更多题目,更多代码,大家一起成长,一起刷题。

    2K20

    Leetcode No.34 在排序数组中查找元素一个最后一个位置

    一、题目描述 给定一个按照升序排列整数数组 nums,一个目标值 target。找出给定目标值在数组中开始位置结束位置。 如果数组中不存在目标值 target,返回 [-1, -1]。...进阶: 你可以设计并实现时间复杂度为 O(log n) 算法解决此问题吗?...2、mid=(low+high)/2 3、假如low等于high,返回下标mid 4、假如nums[mid]等于target且nums[mid]比相邻左侧元素大,返回下标mid 5、当目标值小于等于...nums[mid]时,说明目标值在左侧,往左侧递归查找,否则往右侧递归查找 查找最后一个位置同理,唯一不同是第4、5步 4、假如nums[mid]等于target且nums[mid]比相邻右侧元素小...mid]<nums[mid+1]){ return mid; } if(target>=nums[mid]){ //寻找最后一个位置

    1.9K10

    leetcode-34-在排序数组中查找元素一个最后一个位置

    题目描述: 给定一个按照升序排列整数数组 nums,一个目标值 target。找出给定目标值在数组中开始位置结束位置。 你算法时间复杂度必须是 O(log n) 级别。...: vector searchRange(vector& nums, int target)  说明: 1、这道题给定一个vector一个target,vector中装着升序一个数组...按照二分法思路,我们可以这样子设计: ①首先根据二分法找到vector中某个target元素,这个元素是一串target元素一个,记这个元素索引是med。...这个元素一个元素,也就是一串target元素一个。...这个元素一个元素,也就是一串target元素最后一个

    3.5K40

    leetcode34-在排序数组中查找元素一个最后一个位置

    前言 今天刷题目是:在排序数组中查找元素一个最后一个位置,这道题目在最开始AC以后,然后做了两步优化操作,供大家参考。...题目 leetcode-34:在排序数组中查找元素一个最后一个位置 分类(tag):二分查找这一 英文链接:https://leetcode.com/problems/find-first-and-last-position-of-element-in-sorted-array...nums,一个目标值 target。...找出给定目标值在数组中开始位置结束位置。 你算法时间复杂度必须是 O(log n) 级别。 如果数组中不存在目标值,返回 [-1, -1]。...首先就是找最左侧下标,利用二分查找首先是找到有一个值是与目标值target是相等,然后因为是找最左侧下标,所以把right=mid-1来一直往左边去逼近最左侧值; 至于找最右侧下标就是,将left

    2.6K30

    LeetCode-34-在排序数组中查找元素一个最后一个位置

    # LeetCode-34-在排序数组中查找元素一个最后一个位置 给定一个按照升序排列整数数组 nums,一个目标值 target。找出给定目标值在数组中开始位置结束位置。...target,等于则返回[0,0],否则返回[-1,-1] 初始化头尾指针 移动头指针,直到找到第一个等于target位置,如果找完了都没有找到,返回[-1,-1] 移动尾指针,直到找到最后一个等于target...位置,如果找完了都没有找到,返回[-1,-1] 当头尾指针相同时,说明只有一个target,返回当前位置[start,start]或[end,end] 反之,返回头尾指针区间[start,end] 方法...时,说明target在mid左方,end = mid-1 当nums[mid]==target时,说明左右边界有一个地方等于target,这时候只需要查找另外一个边界等于target即可,可以进行循环移动查找...,最后返回[start,end]即可 如果没有找到,返回[-1,-1] 方法3、递归分治(low): 通过二分查找切分数组寻找左右子数组target位置,迭代到只有一个,判断是否是目标值,返回一个都是当前

    2.2K20

    LeetCode题目34:在排序数组中查找元素一个最后一个位置

    原题描述 + 给定一个按照升序排列整数数组 nums,一个目标值 target。找出给定目标值在数组中开始位置结束位置。 你算法时间复杂度必须是 O(log n) 级别。...leetcode-cn.com/problems/find-first-and-last-position-of-element-in-sorted-array 思路解析 + 毫无疑问,时间复杂度O(log n)升序数组...此时由于我们已经知道nums[mid]不等于target,所以lower要挪动到mid+1位置。 那么这种情况下,当lowerhigher相撞,该点一定是左边界。...但如果复用上面的逻辑,每次挪动时令lower=mid+1,那么最终lower一定会与higher相撞于最后一个target一个位置。此时lower-1才是所求。...实现时,为了能重用二分查找逻辑,可以增加一个参数来控制寻找左边界还是右边界。

    3.1K20

    在排序数组中查找元素一个最后一个位置

    前言 今天主要讲解内容是:如何在已排序数组中查找元素一个最后一个位置。以 leetcode 34 题作为例题,提供二分查找解题思路,供大家参考。...所以可以通过二分查找方法来解答此题; 如何查找元素一个位置?...1),不断向 mid 左侧收缩,最后达到锁定左边界(元素一个位置)目的; 如何查找元素最后一个位置?...举栗 以 nums = [5,7,7,8,8,10], target = 8 为栗子,通过下图来找出目标值 8 在数组中出现一个最后一个位置。...查找元素一个最后一个位置代码: // C语言版本 int GetTargetPosition(int* nums, int numsSize, int target, int locFlag)

    2.6K20

    LeetCode144|在排序数组中查找元素一个最后一个位置

    一,在排序数组中查找元素一个最后一个位置 1,问题描述 给定一个按照升序排列整数数组 nums,一个目标值 target。找出给定目标值在数组中开始位置结束位置。...: 输入:nums = [], target = 0 输出:[-1,-1] 提示: 0 <= nums.length <= 105 -109 <= nums[i] <= 109 nums 是一个非递减数组...-109 <= target <= 109 3,题解思路 本题基于我们最熟悉集合LinkedHashMap键值对集合来做 4,题解程序 import java.util.LinkedHashMap...所以就需要多考虑一些边界值了,这是需要注意一点。...历史文章汇总 数据结构:王同学下半年曾写过JDK集合源码分析文章汇总 算法汇总:leetcode刷题汇总(非最终版)

    2.2K20

    LeetCode - #34 在排序数组中查找元素一个最后一个位置(Top 100)

    LeetCode 算法到目前我们已经更新了 33 期,我们会保持更新时间进度(周一、周三、周五早上 9:00 发布),每期内容不多,我们希望大家可以在上班路上阅读,长久积累会有很大提升。...如果大家有建议和意见欢迎在文末留言,我们会尽力满足大家需求。 难度水平:中等 1. 描述 给定一个按照升序排列整数数组 nums,一个目标值 target。...找出给定目标值在数组中开始位置结束位置。 如果数组中不存在目标值 target,返回 [-1, -1]。 进阶: 你可以设计并实现时间复杂度为 O(log n) 算法解决此问题吗? 2....输入:nums = [], target = 0 输出:[-1,-1] 约束条件: 0 <= nums.length <= 10^5 -10^9 <= nums[i] <= 10^9 nums 是一个非递减数组...时间复杂度: O(logn) 空间复杂度: O(1) 该算法题解仓库:LeetCode-Swift[2] 点击前往 LeetCode[3] 练习 特别感谢 Swift社区 编辑部每一位编辑,感谢大家辛苦付出

    1.5K20

    ​LeetCode刷题实战34:在排序数组中查找元素一个最后一个位置

    算法重要性,我就不多说了吧,想去大厂,就必须要经过基础知识业务逻辑面试+算法面试。所以,为了提高大家算法能力,这个公众号后续每天带大家做一道算法题,题目就从LeetCode上面选 !...今天和大家聊问题叫做在排序数组中查找元素一个最后一个位置,我们先来看题面: https://leetcode-cn.com/problems/find-first-and-last-position-of-element-in-sorted-array...题意 给定一个按照升序排列整数数组 nums,一个目标值 target。找出给定目标值在数组中开始位置结束位置。 你算法时间复杂度必须是 O(log n) 级别。...版本2:是指二分法执行完毕,返回target在最左边位置,在求出另一个边界! 关于详细说明,请看这篇[二分搜索](二分查找有几种写法?它们区别是什么?...LeetCode刷题实战26:删除排序数组中重复项 LeetCode刷题实战27:移除元素 LeetCode刷题实战28:实现 strStr() LeetCode刷题实战29:两数相除 LeetCode

    1.2K20

    打卡群刷题总结0630——在排序数组中查找元素一个最后一个位置

    在排序数组中查找元素一个最后一个位置 链接:https://leetcode-cn.com/problems/find-first-and-last-position-of-element-in-sorted-array...给定一个按照升序排列整数数组 nums,一个目标值 target。...找出给定目标值在数组中开始位置结束位置。 你算法时间复杂度必须是 O(log n) 级别。 如果数组中不存在目标值,返回 [-1, -1]。...针对二分查找变形题,只用改变两个红框。 第一个红框可选项为<<=; 第二个红框可选项为lr。...); 2)查找第一个大于target数,我们使得循环结束后nums[r] <= target < nums[l],那么第一个红框填<=,第二个红框填l; 3)查找最后一个小于target数,我们使得循环结束后

    68910

    在排序数组中查找元素一个最后一个位置(中等)

    题目描述 给定一个按照升序排列整数数组 nums,一个目标值 target。找出给定目标值在数组中开始位置结束位置。 如果数组中不存在目标值 target,返回 [-1, -1]。...「二分」有一个比较容易混淆点是:当需要找目标值第一次出现下标时,条件应该写成 nums[mid] >= target 还是 nums[mid] <= target。...其实有一个很好理解方法: 由于二分是从中间开始找起,所以找必然是条件区间中靠近中心边界值。 文字不好理解,我们结合图片来看: ?...} ans[1] = l; return ans; } } } 时间复杂度: 空间复杂度: ---- 最后...在仓库地址里,你可以看到系列文章题解链接、系列文章相应代码、LeetCode 原题链接一些其他优选题解。

    1.7K20
    领券