样式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>使用特殊类，{{1}}

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...
}