Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ssis/2.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中设置计算结果后加载的元素的样式？_Javascript_Html_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • 如何在javascript中设置计算结果后加载的元素的样式？

如何在javascript中设置计算结果后加载的元素的样式？

javascript html css

如何在javascript中设置计算结果后加载的元素的样式？,javascript,html,css,Javascript,Html,Css,我使用HTML、CSS和Javascript创建了一个简单的添加程序 HTML代码如下所示： <head> <title>Input Output</title> <link rel="stylesheet" type="text/css" href="io.css"> <body> <h1>Sum App</h1> <div class="container"> <script ty

我使用HTML、CSS和Javascript创建了一个简单的添加程序

HTML代码如下所示：

<head>
<title>Input Output</title>
<link rel="stylesheet" type="text/css" href="io.css">
<body>
<h1>Sum App</h1>
<div class="container">

    <script type="text/javascript" src="io.js"></script>
    First Number <input type="text" id="numOne">
    Second Number <input type="text" id="numTwo">
    <button type="button" class="btn" onclick="submitBut()">Submit</button>
    <p id="result"></p>
    <div class="screen" id="screen1"></div>
</div >

function submitBut(){
    var numOne= document.getElementById("numOne").value;
    var numTwo= document.getElementById("numTwo").value;
    var sum=parseInt(numOne)+parseInt(numTwo);
    var element= document.createElement("p");
    document.getElementById("result").innerHTML = sum;
}
我现在想根据代码设置结果的样式，它位于id为“result”的段落标记之间。 有哪些方法可以做到这一点

我尝试使用标准样式表格式，如下所示：

#result {
    font-size: 45-px;
    background-color= Yellow;
}
然而，它根本不起作用。请让我知道可能的修复方法

关于，

问题在于您为此代码编写的CSS它无效。 按如下所示进行更改，即可正常工作：

#result {
    font-size: 45px;
    background-color: yellow;
}
您的CSS看起来无效，请尝试
#result{font size:45px；background color:yellow；}
此外，您的
元素
未使用。请检查您的CSS路径，有时它根本不起作用，只需将背景应用于整个页面
*{background color:red；}
和
45 px是错误的语法，它是
45px@prabhasinghrajput谢谢！-px引发了问题。