我认为你必须两次瞄准元素，或者这不是你的主要问题？

function doSomething() {
    document.getElementById("test")
        .style.color = "magenta";

    document.getElementById("test")
        .textContent = "Goodbye";
}

赋值的结果（obj.a = b）是被赋值的值，而不是您正在使用的对象（并且;无论如何都会终止语句）。相反，将对象引用保存为变量/常量，然后执行两个单独的赋值：

function doSomething(){
    const element = document.getElementById("test");
    element.style.color = "magenta";
    element.textContent = "Goodbye";
}

听起来你在找这个：

function doSomething(){
    document.getElementById("test").style.color = "magenta";
    document.getElementById("test").textContent = "Goodbye";
}

JavaScript代码中的问题是没有对象目标的句点（'.'）的位置。您应该将元素收集到一个变量中，并指定您正在尝试访问它在句点之前的属性，例如element.textContent。

function doSomething() {
    var element = document.getElementById("test");
    element.style.color = "magenta";
    element.textContent = "Goodbye";
}