Сообщение от ALEX1992
|
добавить звездочки для блоков с "marketing"
|
строка 16
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
.marketing{
float:left;
width: 100px;
margin: 10px;
padding: 30px;
border: 4px solid black;
background: #9932CC;
text-align:center;
box-shadow: 0 0 20px rgba(0,0,0,2);
}
.marketing:before{
color: #FFD700;
margin-right: 6px;
content: '★'
}
.sales{
float:left;
width: 100px;
margin: 10px;
padding: 30px;
border: 4px solid black;
background: #1E90FF;
text-align:center;
}
</style>
</head>
<body>
</body>
<script>
var s = '[{"title" : "marketing"},{"title" : "sales"},{"title" : "marketing"},{"title" : "sales"}]';
var obj = JSON.parse(s),
body = document.querySelector('body'),
f = document.createDocumentFragment(),
div = document.createElement('div');
obj.forEach(function(el) {
div.className = div.innerText = el.title;
f.appendChild(div.cloneNode(true));
});
body.appendChild(f)
</script>
</html>