javascript - 使用 getElementById 一次指定 2 个操作

Question

假设我有一个按钮，我想在其中使用 JavaScript 来更改文本和更改文本的颜色。我知道我可以使用下面粘贴的代码来完成。对我来说，这似乎是多余的。有没有更好/更短的方法可以在不写 2 行的情况下完成此操作？也许我想在点击时对一个元素做两件事以上..

<p id="p">What color is an egg?</p>
    <button id="b">click for answer</button>

    <script>
    document.getElementById("b").addEventListener("click", function(){document.getElementById("p").innerHTML= "white";});
    document.getElementById("b").addEventListener("click", function(){document.getElementById("p").style.color="white";});
    </script>

Answer 1

document.getElementById("b").addEventListener("click", function(){
     document.getElementById("p").innerHTML = "white";
     document.getElementById("p").style.color = "white";
});

或更好...

document.getElementById("b").addEventListener("click", function(){
     var el = document.getElementById("p");
     el.innerHTML = "white";
     el.style.color = "white";
});