Javascript 如何console.log多个对象?

Javascript 如何console.log多个对象?,javascript,css,function,Javascript,Css,Function,我正在创建一个javascript练习,我的想法是创建一个可以返回图标的函数,我正在使用FontAwesome来实现这一点。我设法让它显示图标和消息,但我想为标题、强调添加预定义的样式。。等通过一个函数,但我仍然不能想出一个形式。我甚至尝试使用Swith,但它只将css复制为任何字符串 功能图标(图标名称、文本、样式){//捕获图标名称、要使用的样式和文本 开关(ico_名称){//检查参数图标 案例“用户”: ico_名称=“%c”' //图标仅在CSS声明后显示 font='font f

我正在创建一个javascript练习,我的想法是创建一个可以返回图标的函数,我正在使用FontAwesome来实现这一点。我设法让它显示图标和消息,但我想为标题、强调添加预定义的样式。。等通过一个函数,但我仍然不能想出一个形式。我甚至尝试使用Swith,但它只将css复制为任何字符串

功能图标(图标名称、文本、样式){//捕获图标名称、要使用的样式和文本
开关(ico_名称){//检查参数图标
案例“用户”:
ico_名称=“%c”' //图标仅在CSS声明后显示
font='font family:'font Awesome 5 Free';字体重量:900;字体大小:20px;内容:“\f434”'
打破
}  
开关(样式){//设置文本样式
“标题”一案:
text='颜色:红色'
打破
}
console.log(图标名称、字体、文本)
}

icones('user'、'player'、'title')//将值应用于函数
使用Jquery函数
.css()
例如:

$("#element").css("font-size", "20pt")

我不确定这是否是您想要的,但您可以使用
document.getElementById()
在网页中获取元素,然后应用CSS样式

例如,如果您试图更改其字体的元素的
id
属性设置为
“changeMyFont”


您可以使用JavaScript更改其CSS属性,如下所示:

var elem=document.getElementById(“changeMyFont”);
elem.style.fontframy=“Font-Awesome 5免费”;
elem.style.fontWeight=900;
elem.style.fontSize=“20px”;
要将某个元素的文本颜色更改为红色,可以执行相同的步骤。要更改HTML标记中的内容,请使用
innerHTML
此处不允许用户输入;这是XSS威胁)):

document.getElementById(“elementToChange”).innerHTML=“HTML here”;

你可以在那里使用HTML转义。

经过几个小时的反复试验,我终于完成了我的壮举。 “秘密”是在一个console.log中放入两种样式,代码可能看起来像一个令人困惑的漂移,并且肯定会改进它

功能图标(图标、文本、样式){//Captura o nome do icone,o estilo que sera utilizado e o texto
开关(ico_nome){//检查参数图标
案例“用户”:
ico_nome='%c' // 图标仅在CSS声明后显示
font_图标='font family:'font Awesome 5 Free';字体重量:900;字体大小:20px;'//声明一个fonte para visualizaão
打破
}  
开关(样式){//设置文本样式
大小写“titulo”://设置标题样式
font_icon+=“color:red;”//将颜色设置为红色图标
style_text='颜色:蓝色;字体系列:Arial;'//设置文本样式
打破
违约:
font\u icon+=“颜色:黑色”//设置默认颜色
}
console.log(ico\u nome+'+'%c'+texto,font\u图标,style\u文本)//加入两种样式并显示输出
}

icones('user'、'Usuario'、'titulo')//将值应用于函数
这里,请阅读:@Wolfeius但是我还没有学会如何使用DOM,我从javascript开始,我只想在控制台中使用css,这就是我所学到的,您所做的只是返回一个字符串。要更改样式,您必须访问属性样式和新样式。我认为向任何人推荐jQuery都是一个坏主意,尤其是对初学者。他想学习“适当的”js。这个问题也没有提到jQuery,所以它可能是一些没有人想要的随机依赖项。为什么不使用
textContent
innerHTML
如果您只想更改一些文本,这将是一个很大的性能损失。正如我所说,使用DOM进行更改确实会更容易,但我还没有学到这一课,我想使用我迄今为止在控制台中仅使用javascript和CSS所学到的知识。@luismatheus我想您误解了什么。如果不涉及DOM或至少其核心功能,就无法完成这项工作。如果不使用“DOM功能”,您甚至无法向某些内容添加CSS。你需要一个合适的元素来访问它的样式属性,否则你所拥有的只是一个字符串,它不会帮助你显示图标。最重要的是,在你学习新事物之前,请不要等到你的老师或其他人来用棍子戳你。您应该随时随地学习当前重要且对您有用的主题。@Theool感谢您的建议,我正在自学,只是想给我增加这个挑战