Стиль текста textarea с тем же стилем, что и любой другой элемент, используя JavaScript

Question

Я хотел бы динамически вставлять текстовые области в разные части моего сайта, чтобы стили текста в текстовой области соответствовали стилю обычного текста в этом элементе. Возможно ли сделать это с помощью JavaScript? Я подумал, что, возможно, я мог бы перебрать все свойства obj.style и просто применить их к текстовой области.

Например, шрифт, используемый в textarea для stackoverflow, представляет собой моноширинный шрифт размером 10px (?), А конечный текст содержимого выглядит как 14px Arial.

Answer 1

Используя jquery, вы можете перечислить столько свойств CSS, сколько хотите, и установить их для добавляемого элемента:

function addTextArea(targetId) {
    $('#' + targetId).add('textarea')
        .css('font-family', $('#' + targetId).css('font-family'))
        .css('font-size', $('#' + targetId).css('font-size')); //etc...
}

Answer 2

Лучший способ сделать это через класс CSS. Либо измените стиль всех текстовых полей с помощью textarea { /* CSS */ }, либо используйте для них специальный класс, например textarea.dynamicallyInserted { /* CSS */ } с <textarea class="dynamicallyInserted"></textarea>