Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   на динамически создаваемой кнопке разместить форматированный текст (https://javascript.ru/forum/css-html/68518-na-dinamicheski-sozdavaemojj-knopke-razmestit-formatirovannyjj-tekst.html)

atanov 21.04.2017 12:53

на динамически создаваемой кнопке разместить форматированный текст
 
Доброго времени суток,

как на динамически создаваемой кнопке разместить форматированный текст?

Кнопка создаётся так:

var butre5 = document.createElement('button');
butre5.id = 'buttonbold';
butre5.style.width = '2em';
butre5.style.height = '2em';
butre5.style.background = 'light grey';
butre5.onclick = setBold;
butre5.innerText = 'B';
element.appendChild (butre5);

var butre6 = document.createElement('button');
butre6.id = 'buttonitalic';
butre6.style.width = '2em';
butre6.style.height = '2em';
butre6.style.background = '#6495ED';
butre6.onclick = setItalic;
butre6.innerText = 'I';
element.appendChild (butre6);


Собственно нужно чтобы "B" стал жирным, а "I" стал наклонным.

Dilettante_Pro 21.04.2017 13:18

<div id='elem'></div>
<script>
var butre5 = document.createElement('button');
butre5.id = 'buttonbold';
butre5.style.width = '2em';
butre5.style.height = '2em';
butre5.style.background = 'lightgrey';
butre5.innerHTML = '<b>B</b>';
elem.appendChild (butre5);

var butre6 = document.createElement('button');
butre6.id = 'buttonitalic';
butre6.style.width = '2em';
butre6.style.height = '2em';
butre6.style.background = 'cornflowerblue';
butre6.innerHTML = '<i>I</i>';
elem.appendChild (butre6);
</script>

atanov 21.04.2017 14:45

Цитата:

Сообщение от Dilettante_Pro
Dilettante_Pro

Спасибо, наваждение какое-то. Перед этим также делал, выводилось всё <i>I</i> и <b>B</b>, голову сломал, что не так. Сейчас нормально.

Dilettante_Pro 21.04.2017 15:01

atanov,
innerHTML, а не innerText


Часовой пояс GMT +3, время: 10:05.