Как отобразить содержимое HTMLDivElement?

Question

[viktorulyushev]

Добрый день!Есть плагин,который выводит число и знак '%'.

label = this.getPercentage(dataset, element, index) + '%';

Хочу % обернуть в класс,чтобы я мог поменять размер этого символа.

Пытаюсь сделать так

var str = '\
       <span class="customPercent">%</span>\
';
var divPercent = document.createElement('div');
divPercent.innerHTML = str;
label = this.getPercentage(dataset, element, index) + divPercent;

Выводит 'число' [HtmlDivElement].

Каким образом можно выводить вместо символа % элемент верстки?

Answer 1

[historydev]

function getLabel() {
   return `<span class='customPercents'>${this.getPercentage(dataset, element, index)}%</span>`;
}

Comments

[viktorulyushev]

функцию не получится воткнуть у меня идет

switch (this.options.render) {
                case 'value':
                    label = dataset.data[index];
                    break;
                case 'label':
                    label = this.chart.config.data.labels[index];
                    break;
                case 'image':
                    label = this.options.images[index] ? this.loadImage(this.options.images[index]) : '';
                    break;
                case 'percentage':
                default:
                    label = this.getPercentage(dataset, element, index) + '%';
                    break;
            }

[historydev]

-_-. А в идеале создать её вне свича и вызывать в label

switch (this.options.render) {
                case 'value':
                    label = dataset.data[index];
                    break;
                case 'label':
                    label = this.chart.config.data.labels[index];
                    break;
                case 'image':
                    label = this.options.images[index] ? this.loadImage(this.options.images[index]) : '';
                    break;
                case 'percentage':
                default:
                    label = (function() {
                           return `<span class='customPercents'>${this.getPercentage(dataset, element, index)}%</span>`;
                    })
                    break;
            }

[historydev]

viktorulyushev, я не вижу весь ваш код,а ванговать не в моём стиле.

[viktorulyushev]

Владимир, а,так вот весь код https://cdn.jsdelivr.net/gh/emn178/chartjs-plugin-... это плагин для ChartJs

[viktorulyushev]

viktorulyushev, да и не получится так,он воспримет как строку