首页 > 编程语言 >JavaScript 动态编辑元素某属性值(例如:元素div的class属性)

JavaScript 动态编辑元素某属性值(例如:元素div的class属性)

时间:2023-06-14 14:33:06浏览次数:39  
标签:JavaScript nodisplay classinfo usimglist 元素 class 属性

元素

<div class="h5-box-search-item usimglist nodisplay" id="usimglist"></div>

(满足条件)动态更新div元素的class属性值:

// 获取目标容器
let usimglist = document.getElementById('usimglist');
//获取其class的属性值
let classinfo = usimglist.getAttribute("class");

删除:

if(删除nodisplay属性值条件)
{
  classinfo = classinfo.replace("nodisplay", "");
  usimglist.setAttribute("class", classinfo);
}

添加:

if(添加某新属性值条件)
{
  classinfo = classinfo.concat(" 新属性值");
  usimglist.setAttribute("class", classinfo);
}

修改(替换):

if(替换nodisplay属性值条件)
{
  classinfo = classinfo.replace("nodisplay", "display");
  usimglist.setAttribute("class", classinfo);
}

标签:JavaScript,nodisplay,classinfo,usimglist,元素,class,属性
From: https://www.cnblogs.com/ZhuMeng-Chao/p/17480144.html

相关文章

  • 从n个不同元素中有放回的取出r个且不计顺序,有多少种不同的取法?
    从n个不同元素中有放回的取出r个且不计顺序,有多少种不同的取法?答案是:\(C_{n+r-1}^r\)解析因为是有放回地取出,所以同一个元素可能会被取多次,并且取出的元素是不计顺序的,那么如果我们设\(x_i\)为第\(i\)个元素被取出的次数,问题就被转化为:\[\begin{aligned}x_1+x_2+\cdots+x_n......
  • 事务的属性
    代码写在course28中1. 事务属性包括哪些  1231.1 事务中的重点属性: 123● 事务传播行为● 事务隔离级别● 事务超时● 只读事务● 设置出现哪些异常回滚事务● 设置出现哪些异常不回滚事务2. 事务传播行为  1232.1 什么是事务的传播行为?  123在service类中有a()方......
  • JavaScript中数组(Array)与对象(Object)中的检索方式
    这里只是要说明一点,数组(Array)和对象(Object)都可以用[...]的方式来进行检索[...]中包含的需要是一个表达式,这个表达式的值最终会以字符串的形式被使用因为不论是数组(Array)还是对象(Object),他们都是以键值对的形式存储内容的,而所有的键的数据类型都是字符串(Array好像不是,但是先这样......
  • java开发C语言解释器:数组元素的读取和赋值
    本节技术内容难度较大,请结合视频对代码的讲解和调试来理解本节内容:用java开发编译器一个成熟的编译器或解释器,要能够解析和执行目标语言开发的逻辑复杂的程序代码,我们用java开发的C语言解释器,能够执行用C语言开发的较为复杂的程序时,才称得上是合格的,从本节开始,我们致力于C语言解......
  • 面试算法:在整形数组中构建元素之和能整除数组长度的子集
    更详细的讲解和代码调试演示过程,请参看视频如何进入google,算法面试技能全面提升指南假设A是一个整数数组,长度为n,数组中的元素可能是重复的。设计一个算法,找到一系列下标的集合I={i(0),i(1),i(2)….i(n)}.使得(A[i(0)]+A[i(1)]+…A[i(n)])modn=0.例如假定A={711......
  • 面试算法:计算堆栈当前元素的最大值
    更详细的讲解和代码调试演示过程,请参看视频如何进入google,算法面试技能全面提升指南有一道堆栈相关算法题,我被面试过两次以上,看似其在算法面试中出现的概率很高,由此值得我们好好分析下。题目是这样的:对于堆栈的常用操作有,pop弹出堆栈顶部的元素;push向堆栈压入一个元素;peek获......
  • 书写高质量JavaScript代码的要义(The Essentials of Writing High Quality JavaScript)
    原文:TheEssentialsofWritingHighQualityJavaScript才华横溢的StoyanStefanov,在他写的由O’Reilly初版的新书《JavaScriptPatterns》(JavaScript模式)中,我想要是为我们的读者贡献其摘要,那会是件很美妙的事情。具体一点就是编写高质量JavaScript的一些要素,例如避免全局变量,使......
  • 在上一操作期间遇到问题:Debug|AnyCPU 配置中 TargetFrameworkMoniker和NugetTargetMon
    在上一操作期间遇到问题:Debug|AnyCPU配置中TargetFrameworkMoniker和NugetTargetMoniker属性的值均为空场景使用VS打开之前的项目,报错:在上一操作期间遇到问题:Debug|AnyCPU配置中TargetFrameworkMoniker和NugetTargetMoniker属性的值均为空新建项目后,选择该项目未项......
  • 2357.使数组中所有元素都等于零
    问题描述2357.使数组中所有元素都等于零(Easy)给你一个非负整数数组nums。在一步操作中,你必须:选出一个正整数x,x需要小于或等于nums中最小的非零元素。nums中的每个正整数都减去x。返回使nums中所有元素都等于0需要的最少操作数。示例1:输入:nums=......
  • javascript现代编程系列教程之二——IIFE
    IIFE(ImmediatelyInvokedFunctionExpression,立即执行函数表达式)是一个在定义后立即执行的JavaScript函数。它具有以下特点:是一个匿名函数:通常情况下,IIFE是一个没有名字的函数,称为匿名函数。立即执行:这个函数在声明后立即被调用并执行,而无需手动调用。创建局部作用域:它创建......