樣式textarea內容與使用JavaScript的任何其他元素具有相同的樣式？

Question

我想動態地將textareas插入到我的站點的不同部分，並使textarea中的文本樣式與該元素中的普通文本的樣式相匹配。 是否可以使用JavaScript執行此操作？ 我想也許我可以遍歷所有obj.style屬性並將它們應用到textarea。

例如，在stackoverflow上的textarea中使用的字體是10px（？）單倍間距字體，而最終內容文本看起來像14px Arial。

Answer 1

最好的方法是通過CSS類。 要么使用textarea { /* CSS */ }更改所有textareas的樣式，要么使用特殊類，如textarea.dynamicallyInserted { /* CSS */ }和<textarea class="dynamicallyInserted"></textarea>插入<textarea class="dynamicallyInserted"></textarea>

Answer 2

使用jquery，您可以根據需要枚舉任意數量的css屬性，並在要添加的元素上設置它們：

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