前言:在做功能的时候想通过点击当前的按钮,控制当前的元素样式,我是通过原生的js来控制的
想做的想过很简单点击元素的时候让自己的背景变颜色,其他背景都恢复白色
html:
<div class="add-trclass" id="itemList">
<p *ngFor="let item of optionList; let idx = index" (click)="editItem(item,idx)" ><span>{{idx+(1)}}</span><span>{{item.optionCount}}</span></p>
</div>
ts:
editItem(optiondata, index) {
var siblingss = []; //用来存放其他的兄弟节点
var element = document.getElementById("itemList");
var name = element.getElementsByTagName("p");
for (let i = 0; i < name.length; i++){
name[i].style.background = "#fff";
}
event.target.parentNode.style.background = "#E6F7FF";
this.selectedOption = optiondata;
}