javascript - 将返回函数分配给另一个变量(this)

Question

JS:

function selectPeg(element) {
    var id = element.id;
    var color = document.getElementById(id).getAttribute("data-color");
    return color;
}

var v = selectPeg(this);
console.log(v);

HTML:

<table>
    <tr>
        <td><div id="selectpeg1" onclick="selectPeg(this)" data-color="yellow"></div></td>
        <td><div id="selectpeg2" onclick="selectPeg(this)" data-color="blue"></div></td>
        <td><div id="selectpeg3" onclick="selectPeg(this)" data-color="red"></div></td>
        <td><div id="selectpeg4" onclick="selectPeg(this)" data-color="green"></div></td>
    </tr>
</table>

我需要将 selectPeg(...) 函数返回的“颜色”传递给另一个变量，但是当我使用代码时，这似乎给了我不同的错误。谁知道如何将返回颜色放入“v”变量？

Answer 1

function selectPeg(element) {
var v = element.getAttribute("data-color");
console.log(v);
}

<table>
    <tr>
        <td><div id="selectpeg1" onclick="selectPeg(this)" data-color="yellow">yellow</div></td>
        <td><div id="selectpeg2" onclick="selectPeg(this)" data-color="blue">blue</div></td>
        <td><div id="selectpeg3" onclick="selectPeg(this)" data-color="red">red</div></td>
        <td><div id="selectpeg4" onclick="selectPeg(this)" data-color="green">green</div></td>
    </tr>
</table>