如何创建一个Javascript函数，该函数使用参数和参数来更改HTML标记的字体大小和颜色？_Javascript_Parameters_Colors_Arguments_Font Size

如何创建一个Javascript函数，该函数使用参数和参数来更改HTML标记的字体大小和颜色？

javascript parameters colors

如何创建一个Javascript函数，该函数使用参数和参数来更改HTML标记的字体大小和颜色？,javascript,parameters,colors,arguments,font-size,Javascript,Parameters,Colors,Arguments,Font Size,我创建了一个按钮，它使用函数fontColor来激活id=“main header”。我试图获取函数的参数，以接受参数来调整id=“Main Header”中的字体大小和颜色。我能得到一些帮助吗？谢谢 <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <script src="script.js"></script>

我创建了一个按钮，它使用函数fontColor来激活id=“main header”。我试图获取函数的参数，以接受参数来调整id=“Main Header”中的字体大小和颜色。我能得到一些帮助吗？谢谢

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <script src="script.js"></script>
    <meta charset="utf-8" />
    <title></title>
</head>
<body>

    <button type="button" onClick="fontColor(30,"blue");" id="push">Change.</button>
    <h1 id="Main Header"> HI</h1>
    <p id="this one">Hello World</p>
</body>
</html>



function fontColor(s, c) {
    var size = element.style.fontsize(s);
    var color = element.style.color(c);
    var result = [size, color];
    document.getElementById("Main Header").innerHTML = result;

}


改变
你好
你好，世界
功能fontColor（s、c）{
var size=element.style.fontsize；
var color=element.style.color（c）；
var结果=[大小、颜色]；
document.getElementById（“主标题”）.innerHTML=result；
}

Camel case element.style.fontSize

我可能错了，但我相信element.style.fontSize需要一个字符串，所以fontColor（“30px”，“blue”）

编辑：元素未定义，并且错误比我以前认为的要多。我不能告诉你如何修复错误，所以我只是重写了你的函数

更好的解决办法是：

function fontColor(s, c) {
  var element = document.getElementById("MainHeader"); <- should be one word
  element.style.fontSize = s;
  element.style.color = c;

函数fontColor（s，c）{

var element=document.getElementById（“MainHeader”）；只需将id设置为一个变量，并从中进行更改。另外，正如另一位用户所说，

fontSize

应以

px

作为后缀

function fontColor(s, c) {
    var changing = document.getElementById("Main Header");
    changing.style.fontSize = s;
    changing.style.color = c;
}

您应该在onclick属性中使用单引号。当前它只显示

onclick=“fontColor（30）”

。将其更改为

onclick=“fontColor（30，'blue'）

什么是

元素

？我是说哪个元素？你的HTML无效，

id

不能用像

Main Header

或

this这样的独立词来设置，正如Main\u Header
所述，我昨天实际上意识到了这个空格。但是，它仍然有效，这让我很惊讶。忘记了双引号吧和单引号。我是JS的初学者，所以我经常犯新手错误。谢谢你的纠正。abou camel case，这是正确的。但是对fontColor
函数的内联调用应该是onclick=“fontColor（'30px'，'blue'））“
太棒了，谢谢！我在参数和参数的概念上遇到了麻烦。我想我现在离这越来越近了。这段代码大概是我尝试编写它的第十种不同方式了。哈哈。这很有意义。