Question

在我的应用程序中，我遇到标题颜色没有变化的问题。我的代码在这里：

    var createc = function(){

        var valu = prompt("Phone no.");
        var name = prompt("Name");
        var age = prompt("age"); 

        var CC = function(valu, name, age){
        var parent = document.createElement("div");
            parent.id = valu;
            parent.setAttribute("onclick", "info()");
        var heading = document.createTextNode("phone no: "+valu+" Name:"+name+" Age: "+age);
            heading.style.color = "blue";
        parent.appendChild(heading);    

        var ele = document.getElementById("main");
        ele.appendChild(parent);

        }(valu, name, age);

    }

在这里你可以看到行var heading = document.createTextNode("phone no: "+valu+" Name:"+name+" Age: "+age);我现在在下一行有一个变量我写了heading.style.color="blue";我认为是正确的！如果我不是，请告诉我我做了什么错误

Answer 1

heading是一个TextNode，只有ElementNodes具有style属性。

将TextNode放在合适的ElementNode中（因为它是一个标题，Hn可能是最好的选择）并且风格如此。

var heading = document.createElement('h1');
heading.appendChild(
    document.createTextNode("phone no: "+valu+" Name:"+name+" Age: "+age)
);
heading.style.color = "blue";

但是，根据经验，最好在样式表中编写样式并创建合适的元素（如果需要，使用合适的类）以匹配您在那里编写的规则。

即。将h1 { color: blue; }放在样式表中，而不是使用上面代码中的最后一行。

Style.color =＆＃34; blue＆＃34;不管用

1 个答案: