如何使用DOM访问TD内的span标签

Question

如何访问表中元素的内部并为其着色？

我尝试使用childNodes [x]，但不确定如何获取跨度。

<div id="myDiv">
   <table>
        <tr>
            <td>
                <span>40 (14)</span>
            </td>
        </tr>
        <tr>
            <td>
                <span>24 (19)</span>
            </td>
        </tr>
        <tr>
            <td>
                <span>24</span>
            </td>
        </tr>
   </table>

</div>

（14）应该用红色上色， （19）应该涂成红色

24应该保持不变

Answer 1

检查我的解决方案和示例正在运行：https://jsfiddle.net/tabvn/bh6y1gc3

'<input value="foo">'