JavaScript新手求助：使用nextElementSibling修改按钮文本颜色失败

你的代码里有三个明显错误，导致修改颜色失效：

• 错误1：childNodes是子节点集合（包含文本节点、元素节点等），不能直接在它后面调用nextElementSibling。如果要找e.target的下一个兄弟元素，直接用e.target.nextElementSibling即可；如果是e.target某个子元素的下一个兄弟，得指定具体子节点（注意childNodes会包含空白文本节点，索引可能和你预期不符）。
• 错误2：textContent是元素的文本内容，属于字符串类型，根本没有style属性。要修改文本颜色，直接给元素本身的style.color赋值就行，不需要加textContent。
• 错误3：white是字符串值，必须用单引号或双引号包裹成'white'，否则JavaScript会把它当成未定义变量，直接报错。

修正后的代码示例 #

假设你要修改的是e.target的下一个兄弟元素（也就是按钮）的文本颜色，代码应该写成：

e.target.nextElementSibling.style.color = 'white';

如果实际DOM结构是e.target内部某个元素的下一个兄弟，更推荐用选择器定位子元素（比childNodes更可靠），比如：

// 替换xxx为子元素的类名/标签名等选择器
e.target.querySelector('xxx').nextElementSibling.style.color = 'white';

内容的提问来源于stack exchange，提问作者Dust