JZTXT

JavaScript 动态编辑元素某属性值（例如：元素div的class属性）

发布时间 2023-06-14 14:32:55作者: じ逐梦

元素

<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);
}