首页 > Web开发 > 详细

JS显示隐藏节点

时间:2020-07-30 15:10:56      阅读:105      评论:0      收藏:0      [点我收藏+]

 

<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";

JS显示隐藏节点

原文:https://www.cnblogs.com/HuairongChen/p/13403158.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!