尝试添加一个类,使其具有解除通知的效果..
所以我有这个
<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);
}
发布于 2017-05-04 04:12:28
背景颜色黄色应用于您放置.msgs类的任何容器。
在您提供的代码中,没有应用于messageList div的背景色供您删除。
发布于 2017-05-04 04:35:09
我认为msg类是redclass的父类。这就是为什么redclass的背景是无的,但是msg的背景仍然在那里。如果你分享这些代码会很有帮助。
https://stackoverflow.com/questions/43769088
复制相似问题