首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >添加类不会覆盖当前类

添加类不会覆盖当前类
EN

Stack Overflow用户
提问于 2017-05-04 04:08:00
回答 2查看 67关注 0票数 0

尝试添加一个类,使其具有解除通知的效果..

所以我有这个

   <div onclick="ifRead()" id="messageList">

      </div>

然后,一旦我单击一个按钮来查看添加了一个类的消息

  <div onclick="ifRead()" id="messageList" class=" readClass">

      </div>

然后,如果我点击消息,font-weight将从粗体变为正常,这是正确的,但background-color不会更改,即使我已经告诉它为无...而且content也不会消失:

.readClass {
  font-weight: normal;
  width: 100px;
  background-color: none !important;
  content: ""
}

.msgs:after {
  content: "1"
}

.msgs {
  background-color: yellow;
  width: 100px;
}

你知道为什么它没有被覆盖吗?

所有js代码:

function myfunc() {
  var x = document.getElementById("myParagraph1");
  x.className += " myClass"
}

function sendMsg() {
  var msg = document.getElementById('msg').value;
  var msgObj = {
    sender: 'Bob',
    receiver: 'Paul',
    read: false,
    body: msg
  }
  messagesArray.push(msgObj)
}

function ifRead() {
  readMsg();
  if (messagesArray[0].read === true){
    var x = document.getElementById('messageList');
    x.className += " readClass"
  }
}

function readMsg() {
  messagesArray[0].read = true;
}

function viewMsgs(){
  var node = document.createElement("p");
  node.className = "msgs";
  var value = document.getElementById('msg').value;
  node.appendChild(document.createTextNode(value));
  document.getElementById('messageList').appendChild(node);
}
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/43769088

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档