Question

我有以下代码，允许我在点击时更改href的颜色和文字。

/* Changing the colour of the button upon clicked */
function changecolor(element) {
  alert(element.target.id);
  if (element.innerHTML == "Select") {
    element.innerHTML = "Selected";
    element.style.backgroundColor = "#C0C0C0"; /*Grey*/
    element.style.borderColor = "#C0C0C0";
    alert(element);
  } else {
    element.innerHTML = "Select";
    element.style.backgroundColor = "#FED136"; /*Yellow*/
    element.style.borderColor = "#FED136";
    alert(element);
  }
  return false;
}

 <a href="#" id="<?php echo $rowModelList['modelName']?>" onClick="return changecolor(this)" class="btn btn-primary">Select</a>

href的默认文本和颜色为“选择”并为黄色。
点击它后，颜色将变为灰色，文字将变为灰色被“选中”。

但是，我也试图获取点击的href的id并存储在变量中。我试过“alert(element.target.id);”，但我得到了“未定义”。

知道如何修改代码以获取id？

提前致谢。

Answer 1

应该是alert(element.id)。 target是事件的属性，而不是元素。

/* Changing the colour of the button upon clicked */
function changecolor(element) {
  alert(element.id);
  if (element.innerHTML == "Select") {
    element.innerHTML = "Selected";
    element.style.backgroundColor = "#C0C0C0"; /*Grey*/
    element.style.borderColor = "#C0C0C0";
    alert(element);
  } else {
    element.innerHTML = "Select";
    element.style.backgroundColor = "#FED136"; /*Yellow*/
    element.style.borderColor = "#FED136";
    alert(element);
  }
  return false;
}

 <a href="#" id="<?php echo $rowModelList['modelName']?>" onClick="return changecolor(this)" class="btn btn-primary">Select</a>

获取点击元素的ID

1 个答案: