Javascript:更改第一个子样式

Question

我想更改颜色 <span>标签，当点击包含 <td> 时:

<td onClick='myfunc(this)'>
    <span class='spanClass'>text</span>
</td>

myfunc 应该是什么？像吗？

Answer 1

在函数内设置element.style.color。

如果您只有一个 child ，那么您可以使用 firstElementChild当前元素的属性。如果您有多个 child ，并且您想要为所有 child 设置颜色，那么您必须遍历所有 child 来设置颜色。

function myfunc(el){
  el.firstElementChild.style.color = 'red';
}

<table>
  <tr>
    <td onClick='myfunc(this)'>
        <span class='spanClass'>text</span>
    </td>
  </tr>
</table>