TarunKumarSusarapu Ответов: 1

Как установить цвет для span в CSS с помощью javascript

Привет,

Я добавил эмодзи в свою панель мониторинга на основе этого выражения.

Исходя из процента, он должен показать смайлик с цветом как зеленый, так и красный.

Здесь я написал один метод на javascript 

function setColors(args) {
        var textClientData = DashboardViewer.GetItemData("textBoxDashboardItem1");
        var value = textClientData.GetMeasureValue(textClientData.GetMeasures()[2].Id).GetValue();
        if (value=="J")
        var result = value.toString().fontcolor("Green");
        document.getElementsByClassName('cs10E8CA05').css('color','Green');
        //x.style.color = "Green";
        //var score = $('#cs10E8CA05').text().trim();
        //var color = 'red';
        //$('#cs10E8CA05').css('color', color);
};


Если значение равно J, то оно должно быть зеленого цвета.
Если значение равно L, то оно должно быть красного цвета.

Я проверил вкладку Сеть в браузере,и она лежит под пролетом.

Как установить цвет для диапазона с помощью вызова javascript в css.

Пожалуйста, предложите мне.

Что я уже пробовал:

function setColors(args) {
        var textClientData = DashboardViewer.GetItemData("textBoxDashboardItem1");
        var value = textClientData.GetMeasureValue(textClientData.GetMeasures()[2].Id).GetValue();
        if (value=="J")
        var result = value.toString().fontcolor("Green");
        document.getElementsByClassName('cs10E8CA05').css('color','Green');
        //x.style.color = "Green";
        //var score = $('#cs10E8CA05').text().trim();
        //var color = 'red';
        //$('#cs10E8CA05').css('color', color);
};


Это HTML

<span class="cs10E8CA05">L</span>

<span class="cs10E8CA05">J</span>

1 Ответов

Рейтинг:
5

Karthik_Mahalingam

пробовать

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
  
<body>
    <span class="cs10E8CA05">L</span> 
    <span class="cs10E8CA05">J</span>

    <script>
        var spans = document.getElementsByClassName('cs10E8CA05');
        for (var i = 0; i < spans.length; i++) {
            var span = spans[i];
            if (span.textContent == 'J')
                span.style.color = 'green';
            if (span.textContent == 'L')
                span.style.color = 'red';
        } 
    </script>
</body>
</html>

TarunKumarSusarapu

Привет Картик,

Благодарю вас за предоставленную информацию.

Но здесь я взял расширение DevExpress dashboard для html.

@Html. DevExpress (). DashboardViewer(settings = & gt; {
настройки.Name = " DashboardViewer";
настройки.Ширина = Ед. Процент (100);
настройки.Высота = Ед. Процент (200);
настройки.CallbackRouteValues = new { Controller = "Home", Action = " DashboardViewerPartial" };
параметры.ExportRouteValues = новый { контроллера = "Главная", действие = "DashboardViewerPartialExport" };
настройки.ClientSideEvents.ItemClick = " function (s, e) { getUnderlyingData(e); }";
настройки.ClientSideEvents.ItemElementCustomColor = " function (s, e) { setColors(e); }";
//настроить.ClientSideEvents.ItemVisualInteractivity = " function (s, e) { GetCalculatedFields(e); }";
}). BindToSource (Модель).GetHtml()

На вкладке Сеть он показывает класс span для этого текста emoji.

Теперь мой вопрос, куда я должен добавить приведенный выше код?

Или я могу изменить цвет с помощью javascript?

Karthik_Mahalingam

вы используете jquery?