Javascript 如何使阶乘div在头中指定css属性

Javascript 如何使阶乘div在头中指定css属性,javascript,css,Javascript,Css,这是html文档。为什么不执行头中指定的css属性? 我能做些什么使它们工作属性:边界半径:4px;背景色:1B35E0 <!DOCTYPE> <html> <head> <meta charset="UTF-8"> <title>Javascript|Practice</title> <style type="text/css"><!--Here goes inner des

这是html文档。为什么不执行头中指定的css属性? 我能做些什么使它们工作属性:边界半径:4px;背景色:1B35E0

 <!DOCTYPE>
 <html>
 <head>
    <meta charset="UTF-8">
    <title>Javascript|Practice</title>
    <style type="text/css"><!--Here goes inner design with CSS-->
        #factorial {
            border-radius:4px;
            background:yellow;
            }
    </style>
    <script>
        //Recursion
        //---------
        var x;
        var factorialValue;

        function start(){
            var startButton=document.getElementById("start");
            startButton.addEventListener("click",getInput,false);
        }
        function getInput(){
            x=window.prompt("Enter a positive integer");
            factorialValue=doRecursion(x);
            displayResult(factorialValue);

        }
        function doRecursion(n){
            if(n<=1){
                return 1;
            }
            else
                return n*doRecursion(n-1);
        }
        function displayResult(result){

            var output = "<p>"+x+"!="+result+" </p>";
            document.getElementById("factorial").innerHTML=output;
        }
        window.addEventListener("load",start,false);
    </script>
</head>
    <body>
        <p>Factorial number Calculator</p>
        <input id="start" type="button" value="Start" />
        <p id="factorial"></p>
    </body>
</html>

删除您在css标记中包含的html注释。不是css注释语法。

起始定义在哪里?什么时候调用displayResult?如果没有内容,您将在div上看不到这些样式中的任何一种。侧注,您正在用一个标记关闭标记,因此您的元素不匹配。你的阶乘'div'是用'p'标记打开的。演示应该是JS相关问题的必要条件:@Dave我想我对我的问题做了一些重要的编辑。我还需要做些什么才能弄清楚并得到答案?