拆下元件'；仅使用JavaScript的s类（无jQuery）

我试图通过类名获取一个元素，然后删除它的类

我希望只使用JavaScript而不使用jQuery来实现这一点

以下是我已经尝试过的：

<script>
  var changeController = function() {
    var removeClass = document.getElementsByClassName("selected-hr")[0];
    removeClass.classList.remove("selected-hr");
  }
</script>

<div class="col col-25 selected-hr">
  <a class="tb-header-link" onclick="changeController()">ALL</a>
</div>

var changeController=函数（）{
var removeClass=document.getElementsByClassName（“选定的hr”）[0]；
removeClass.classList.remove（“选定的hr”）；
}
全部的

编辑1：

---

修复了

changeController（）

中的打字错误，仅提及变量名称并不起任何作用（即使变量指向函数）

如果你想用它做任何事，你必须打电话给它。添加

（）

---

将此

传递到
changeController（）
，使用
parentNode
属性引用div。将
放在标记（HTML）之后，以确保在运行脚本之前加载DOM。最好在
结束标记之前

一小条

a{文本装饰：无；}
.所选hr{背景：番茄；}

功能控制器（ele）{
var parent=ele.parentNode；
parent.classList.remove（“所选hr”）；
}
onclick=“changeController（）”
这对我来说没有任何问题。
onclick=“return changeController（）；”
专业性..代码工作正常好吧，那是个打字错误。我已经修复了它，但代码仍然不起作用。@GreetingsFriend-既然修复了，它对我很有效：我只是检查了控制台。未定义changeController。脚本位于html顶部的嵌套视图上（使用angular ui路由器）。我应该把脚本放在哪里？
onclick="changeController()"