JS显示隐藏节点

时间:2020-07-30 14:17:05   收藏:0   阅读:100

 

<tr>
  <td class="emBold"><font color="#FF0000">*</font> State:</td>
  

  <td>
    <asp:DropDownList ID="ddlState" runat="server" onchange="CheckState()"/>
    <asp:RequiredFieldValidator ID="rfvState" runat="server" ErrorMessage="The State is required" ControlToValidate="ddlState"/>
  </td>
</tr>

 

技术图片

 

 

//ID为"rfvState"的父节点的上一个兄弟节点的第一个子节点,即红色星号*显示

document.getElementById("rfvState").parentElement.previousElementSibling.firstChild.style.visibility = "visible";

技术图片

 

 

//ID为"rfvState"的父节点的上一个兄弟节点的第一个子节点,即红色星号*隐藏
document.getElementById("rfvState").parentElement.previousElementSibling.firstChild.style.visibility = "hidden";

 

document.getElementById("rfvState").parentElement.previousElementSibling.firstChild.style.display = "block";

document.getElementById("rfvState").parentElement.previousElementSibling.firstChild.style.display = "inline-block";

//将<font>节点样式全部隐藏,即红色星号*和占位的空白都删除,State会最靠左顶格显示

document.getElementById("rfvState").parentElement.previousElementSibling.firstChild.style.display = "none";

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!