使用D3更改页面上某些元素的文本颜色

Question

所以我试图在udacity.com页面上更改“讲师笔记”的颜色。你可以为此选择任何关于udacity的课程，你必须登录才能看到教师笔记部分。

//Selecting the text
    var txt=d3.selectAll("div.col-xs-9.ng-scope").select("h2")
    txt.text()
    "Instructor Notes"

d3.selectAll("div.col-xs-9.ng-scope").select("h2").html()
"Instructor Notes"

// CHANGING COLOR OF THE "Instructor Notes"
txt.attr("fill","red")
[Array[1]]

txt.attr("font-color","white")
txt.attr("color","red")

但是颜色没有显示出来，即使我在chrome-dev-tools元素的属性中可以看到红色，红色，白色等，但它们都没有得到处理。

<h2 fill="red" color="red" font-color="white">Instructor Notes</h2>