Javascript JS无法更改类名

我正在尝试更新div#programmation的第一个孩子的课程

<div id="programmationEtat">
   <div class="tab-pane ng-scope">...</div>
   <div class="tab-pane ng-scope">...</div>
   <div class="tab-pane ng-scope">...</div>
   ...
</div>

第一个控制台日志显示：

选项卡窗格正在定义范围

第二条说：

活跃的

但是没有任何改变，当我查看HTML（chrome调试器）时，我仍然有

<div class="tab-pane ng-scope"> 

我有

$scope.programmation='...<div id="programmationEtat">
       <div class="tab-pane ng-scope">...</div>
       <div class="tab-pane ng-scope">...</div>
       <div class="tab-pane ng-scope">...</div>
       ...
    </div>...'

$scope.programmation=”。。。
...
...
...
...
...'

HTML:

... 

它看起来像是使用文档进行更新。getElementById（…）不可能在$scope.programmation中包含的内容上进行更新，必须直接在$scope.programmation上进行更新

为了解决我的问题，我使用了replace函数（$scope.programmation.replace（…）

使用ng类：

<div id="programmationEtat">
   <div ng-class="className"class="tab-pane ng-scope">...</div>
   <div class="tab-pane ng-scope">...</div>
   <div class="tab-pane ng-scope">...</div>
</div>

$scope.className = 'active';

...
...
...
$scope.className='active'；

或：

...
...
...
$scope.activated=true；

使用ng类：

<div id="programmationEtat">
   <div ng-class="className"class="tab-pane ng-scope">...</div>
   <div class="tab-pane ng-scope">...</div>
   <div class="tab-pane ng-scope">...</div>
</div>

$scope.className = 'active';

...
...
...
$scope.className='active'；

或：

...
...
...
$scope.activated=true；

您的代码运行得很好。然后是其他原因导致它出错，但我找不到原因。感谢@MihaiAlexandru Ionut的编辑。我猜Angular控制着类，而不是原生JS。你使用的是哪些Javascript插件和框架？如果你只使用原生Javascript，你的代码应该可以正常工作。我已经在网上更新了，你的代码运行得很好。然后是别的什么东西使它出错了，但我找不到什么。感谢@MihaiAlexandru Ionut的编辑。我猜Angular控制着类，而不是原生JS。你使用的是哪些Javascript插件和框架？如果你只使用原生Javascript，你的代码应该可以正常工作。我已经在网上更新了它。这是怎么回事？有可能有一个ng类和一个类吗？（我发现了我的问题，看看我的编辑，我不知道它是否有效）有趣的替代方案。这是怎么回事？有可能有一个ng类和一个类吗？（我发现了我的问题，看看我的编辑，我不知道它是否有效）

<div dynamic="programmation" id="programmationEtat">
    ... 
</div>

<div id="programmationEtat">
   <div ng-class="className"class="tab-pane ng-scope">...</div>
   <div class="tab-pane ng-scope">...</div>
   <div class="tab-pane ng-scope">...</div>
</div>

$scope.className = 'active';

<div id="programmationEtat">
   <div ng-class="{ 'active': activated }"class="tab-pane ng-scope">...</div>
   <div class="tab-pane ng-scope">...</div>
   <div class="tab-pane ng-scope">...</div>
</div>

$scope.activated = true;