Question

我在laravel应用中使用了以下div，目前我拥有寄宿生风格，现在我需要将颜色背景设置为红色adtype == 1和其他绿色。

var showdata = document.getElementById("showdata");
var btn = document.getElementById("getdata");
btn.addEventListener("click", function() {
  var xhttp = new XMLHttpRequest();
  xhttp.open("GET", "<?php echo base_url() ?>Appconfig/get_masteradmin_data", false);
  xhttp.onload = function() {
    var ourData = JSON.parse(xhttp.responseText);
    renderHTML(ourData);
  };
  xhttp.send();
});

function renderHTML(data) {
  var html = '';
  var i;
  for (i = 0; i < data.length; i++) {
    html += '<tr>' +
      '<td>' + data[i].full_name + '</td>' +
      '<td>' + data[i].username + '</td>' +
      '<td>' + data[i].designation + '</td>' +
      '<td>' + data[i].department + '</td>' +
      '<td>' + data[i].official_mobile_no + '</td>' +
      '<td>' + data[i].official_email_id + '</td>' +
      '<td>' + data[i].select_user_type + '</td>' +
      '<td>' + data[i].permission + '</td>' +
      '</tr>';
  }
  showdata.insertAdjacentHTML('beforeend', html);
}

我该怎么做？

Answer 1

color用于文本，请使用background-color属性。

background-color: {{ $vehicule->adtype === 1 ? 'red' : 'green' }}

Answer 2

使用此代码更改背景色：

<div style="border-style: solid; color: {{ $vehicule->adtype === 1 ? 'black' : 'blue' }}; background-color: {{ $vehicule->adtype === 1 ? 'red' : 'green' }}">
    <img src="/images/{{ $upload->resized_name }}" height="150" width="250"></a>
</div>

如何将div背景颜色突出显示为红色？

2 个答案: