Javascript：更改第一个孩子样式

Question

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

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

myfunc应该是什么样？

Answer 1

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

如果您有独生子，则可以使用当前元素的firstElementChild属性。如果您有多个子级，并且要为所有子级设置 color ，则必须遍历所有子级以设置 color 。

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

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

Answer 2

对于js

function changeColor(el) {        
  el.querySelector('span.spanclass').style.setProperty('color', 'red');
}

尝试使用此jQuery

$(this).find('.spanclass').css({"color":"red")

或

$(this).find('span').css({"color":"red")

更多details