Javascript 更改JS中所有元素的Css

我正在尝试从一个小的显示设置面板更改jQuery对话框的字体系列。 我尝试了所有这些，但都没有效果：

$('#orderHolder').style.fontFamily='Bookman Old Style';
$('.ui-dialog-content').style.fontFamily='Bookman Old Style';
$('.ui-widget-content').style.fontFamily='Bookman Old Style';
$('#orderHolder').css("font-family", "Bookman Old Style';
$('*').css('font-family', 'Bookman Old Style'); //this is what I'm after 

orderHolder是包含对话框内容的div

我发现 *{ 字体系列：“书商旧式”； }

在.css文件中运行良好，总体效果就是我想要的

那么，如何选择javascript中的所有样式元素呢？

jQuery:

$('*').css('font-family','Bookman Old Style');

javascript:

document.querySelectorAll('*').style.fontFamily = 'Bookman Old Style';

更新：

实际上，在使用querySelectorAll时，需要迭代所有元素：

var el = document.querySelectorAll('*');
for(var i=0;i<el.length;i++){
  el[i].style.fontFamily = 'Bookman Old Style';
}

但实际上，如果您将字体族设置为主体，那么您的字体将继承到所有元素中，所以只应用于主体而不是其他元素

我发现

*{
   font-family: 'Bookman Old Style';
}

在.css文件中运行良好，总体效果就是我想要的

在这种情况下，由于您显然没有将字体系列应用于更具体的选择器，因此最好是使用该规则向文档中添加样式元素：

$("<style>* { font-family: 'Bookman Old Style'; }</style>").appendTo("head");

或者可能：

$("<style>body { font-family: 'Bookman Old Style'; }</style>").appendTo("head");

…如果他们都从身体继承他们的风格

---

通过这种方式，它适用于整个过程，也适用于随后添加的新元素。

**应用以下方法**

1.jQuery $'*'.css'fontFamily'，'Times New Roman'

2.Java脚本 document.querySelectorAll'*'.style.fontfamine='Times New Roman'

3.Css *{ 字体系列：“新罗马时代”；

---

}

您可能需要将其作为重要的样式： 如果还有其他字体系列，请将其删除。 请尝试下面的代码

在CSS中：

*{
font-family: 'Bookman Old Style' !important;
}

在jquery中：

$('#content').find('*').css("font-family","'Bookman Old Style'");

---

我尝试过document.body.style，但这不会复制到对话框中。我假设由于jqeury导入的ui cssdoes内容引用了调用.dialog的我的订单持有者？您可以在那里添加元素id而不是内容。这不仅仅是JS，您在样式中最常用的是*{font-family:'Times New Roman'；}，因为这个答案是第一个，所有其他答案都指向同一个方向，我只在这里发表评论。我所给出的任何答案都没有成功。我确信，在时间线上的某个地方，jQueryUICSS阻止了我的函数正常工作，或者至少阻止了应用样式。我在继续试用和出错昨天我在发布我的答案后离开了，没有回答网络问题的全部原因，因此很抱歉，无论如何请检查我的更新。我不认为样式标签中的document.body是你想要的你是指body{font family:…}？@TurnerHayes:谢谢。我不知道我写那封信时有多累-使用纯JavaScript执行此操作：

$('#content').find('*').css("font-family","'Bookman Old Style'");