Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/kubernetes/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用JavaScript为textarea内容设置与任何其他元素相同的样式？_Javascript_Css_Dom - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • 使用JavaScript为textarea内容设置与任何其他元素相同的样式？

使用JavaScript为textarea内容设置与任何其他元素相同的样式？

javascript css dom

使用JavaScript为textarea内容设置与任何其他元素相同的样式？,javascript,css,dom,Javascript,Css,Dom,我想动态地将textareas插入到我网站的不同部分，并使textarea中的文本样式与该元素中正常文本的样式相匹配。可以用JavaScript实现这一点吗？我想也许我可以遍历所有的obj.style属性，然后将它们应用到文本区域 例如，textarea的on stackoverflow中使用的字体是10px（？）单间距字体，而最终内容文本看起来像14px Arial。最好的方法是通过CSS类。使用jquery，可以使用textarea{/*CSS*/}更改所有textarea的样式，或者为它们

我想动态地将textareas插入到我网站的不同部分，并使textarea中的文本样式与该元素中正常文本的样式相匹配。可以用JavaScript实现这一点吗？我想也许我可以遍历所有的
obj.style
属性，然后将它们应用到文本区域

例如，textarea的on stackoverflow中使用的字体是10px（？）单间距字体，而最终内容文本看起来像14px Arial。

最好的方法是通过CSS类。使用jquery，可以使用
textarea{/*CSS*/}
更改所有textarea的样式，或者为它们使用一个特殊的类，例如
textarea.dynamicallyinterted{/*CSS*/}
使用

，您可以根据需要枚举任意多个CSS属性，并在要添加的元素上设置它们：

function addTextArea(targetId) {
    $('#' + targetId).add('textarea')
        .css('font-family', $('#' + targetId).css('font-family'))
        .css('font-size', $('#' + targetId).css('font-size')); //etc...
}
但是由于文本区域被插入到随机元素中，我不知道该元素的样式是什么。我不确定我是否正确理解您的意思，但是如果您希望您的样式使用与其父样式相同的样式，请尝试使用
font-family:inherit