Javascript 如何在加载页上自动单击？

您好，我想在加载时自动填充一个页面，其中包括ng repeat参数。我需要一个脚本来完成这项工作，并自动单击其中一个选项。下面的代码是页面的html代码

我写了这个脚本，但没有成功。document.querySelectorAll（'.sd Items'）[1]。单击（）

颜色选择
白色
蓝色

如果要调用AngularJs的方法，则需要在控制器中为该元素定义这些方法

您可以从本网页和angularjs教程中获得更多信息

参见AngularJS控制器部分

---

如果这回答了您的问题，请投票。

那么您尝试了哪些不起作用的内容？document.querySelectorAll（'.sd Items'）[8]。单击（）；当你尝试这样做时会发生什么？事实上，我想把这个脚本添加到点击这个对象的自动填充扩展中。这是Javascript还是你在使用angularjs？

<div class="sd-titleSideBar">
    <strong>Color Selection</strong>
</div>
<div class="sd-selectColor">
    <!-- ngRepeat: color in model.colors -->
    <div ng-repeat="color in model.colors" class="inventory sd-Items ng-scope 
  selectedItem" ng-class=" 
 {'selectedItem': color.id == selectedColor}" ng-click="colorClick(color.id)">
        <div style="width: 30px; height: 30px; border-width: 2px; border-style: 
 ridge !important; background-color: rgb(255, 255, 255);" class="col-md-1" ng-style="{'background-color': color.omi}"></div>
        <label class="ng-binding"> White</label>
        <!-- ngIf: !color.ohc -->
    </div><!-- end ngRepeat: color in model.colors -->
    <div ng-repeat="color in 
 model.colors" class="inventory sd-Items ng-scope" ng-class=" 
{'selectedItem': color.id == selectedColor}" ng-click="colorClick(color.id)">
        <div style="width: 30px; height: 30px; border-width: 2px; border-style: 
ridge !important; background-color: rgb(25, 25, 175);" class="col-md-1" ng-style="{'background-color': color.omi}"></div>
        <label class="ng-binding"> Blue</label>
        <!-- ngIf: !color.ohc -->
    </div><!-- end ngRepeat: color in model.colors -->
</div>