“无法设置未定义的属性‘颜色’”答案

【问题标题】："Cannot set property 'color' of undefined"“无法设置未定义的属性‘颜色’”
【发布时间】：2020-05-11 15:21:43
【问题描述】：

我不知道为什么，但是这段代码不起作用...

我希望“Yua”这个名字出现在我的 HTML 中时具有某种颜色。

每次，控制台都会说：“Uncaught TypeError: Cannot set property 'color' of undefined”

我在很多论坛上搜索过，但我没有找到解决我问题的答案！

var Yua = Object();
    Yua.Name = "Yua";
    Yua.Name.style.color = "#ffffff";

我也试过这个：

var Yua = Object();
    Yua.Name = "Yua";
    var x = Yua.Name;
    x.style.color = "#ffffff";

我使用 .innerHTML 来显示我的文本。

let tab_Scene_1_0 = 
    [
        true, 
        Yua.Name + ":  Hey!", 
        MC.Name + ":  Hey!"

    ];
//-------------------------------------------
var num = 1; 

document.getElementById("Dialogues").addEventListener("click", function() 
{

    if (tab_Scene_1_0[0] == true)
        {
            document.getElementById("line").innerHTML = "<p>" + tab_Scene_1_0[num] + "</p>"; 
            console.log(document.getElementById("line").innerHTML); 
            num += 1;
        }

我拿了一个在互联网上找到的代码来尝试同样的事情，但在我的电脑上它也不起作用！

如果有人可以帮助我，我将非常感激！ ????

【问题讨论】：

Yua.Name 是一个简单的 JavaScript 字符串值。这样的值没有“样式”属性。您必须将字符串放入 HTML 元素中（可能像 <span>），然后将规则添加到元素的 style 对象中。

标签： javascript colors styles undefined

【解决方案1】：

你可以这样做。

var element = document.createElement('p');
element.style.width = '330px';
element.style.float = 'left'
element.innerHTML = num; //Here are your values :)

document.getElementById("line").append(element);

【讨论】：

非常感谢！有效！但我宁愿使用上面 Pointy 所说的，这样我可以在我的代码中更轻松地使用它！