Question

我正在尝试将内联CSS添加到JS计算中（例如3 * 2 * 1）以使其变为红色。我已经尝试过span标签，但它只是显示计算而不是答案。我也尝试使用内部样式表。我该怎么做呢？这是JS小提琴：http://jsfiddle.net/ytWea/

<html>
    <head>
        <script>
            function volumeFields(){
                document.getElementById("idLengthVolume");
                document.getElementById("idWidthVolume");
                document.getElementById("idHeightVolume");   
                document.getElementById("calcVolume");
            }

            function computeVolume(){
                var x=document.getElementById("idLengthVolume").value;
                var y=document.getElementById("idWidthVolume").value;
                var z=document.getElementById("idHeightVolume").value;
                var sVolume="The volume of your object is " + x * y * z
                document.getElementById("idOutputVolume").innerHTML=sVolume;   
            }
        </script>
    </head>
    <body onload="volumeFields()">
        Insert the length of your object:<input type="text" size="20" id="idLengthVolume" /> <br/>
        Insert the width of your object:<input type="text" size="20" id="idWidthVolume" /><br/>
        Insert the height of your object:<input type="text" size="20" id="idHeightVolume" />
        <input type="button" style="display:block" onclick="computeVolume()" value="Calculate"  id="calcVolume"/>
        <div id='idOutputVolume'></div>
    </body>
</html>

Answer 1

就内部样式表而言，html的head节点包含一个样式标记，并将所有css放在那里：

<html>
    <head>
        <style>
            h1,p {
                 background-color:red;
                 }
        </style>
    </head>
</html>

很抱歉，如果这不是你想要的，但由于缺乏信息，这是我能做的最好的。

编辑：试试这个：

function computeVolume() {
    var x = document.getElementById("idLengthVolume").length;
    var y = document.getElementById("idWidthVolume").width;
    var z = document.getElementById("idHeightVolume").depth;
    var objvolume = x * y * z;
    var sVolume = "The volume of your object is " + objvolume;
    document.getElementById("idOutputVolume").innerHTML = sVolume;
}

将CSS添加到JavaScript计算中

1 个答案: