JavaScript 动态编辑元素某属性值(例如:元素div的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);
}
posted @ 2023-06-14 14:29  じ逐梦  阅读(337)  评论(0)    收藏  举报