【问题标题】:HTML DOM remove labelHTML DOM 移除标签
【发布时间】:2010-03-17 00:47:19
【问题描述】:

我有一个类似的标签

<label for="Some Feild" >Some Text </label>

现在我想将此标签的显示样式设置为无

我该怎么做?

【问题讨论】:

    标签: html dom label


    【解决方案1】:

    给它一个id,然后做:

    document.getElementById(myLabelId).style.display = "none";
    

    或者,如果您不是指“通过 javascript”:

    <label for="Some Feild" style="display:none" >Some Text </label>
    

    【讨论】:

    • 那是我的解决方案,但恐怕我不知道为什么问题的标题中有remove这个词。
    【解决方案2】:

    将 id 指定为&lt;label for="Some Feild" id="someLabel" &gt;Some Text &lt;/label&gt;,然后document.getElementById(myLabelId).removeChild(); 将删除该标签的内部内容。

    【讨论】:

      【解决方案3】:

      您可以通过多种方式做到这一点。以下是 Id 的 5 种方法,其中包括 2 种使用 jQuery 的方法。

      1. $('[for="Some Feild"]').css('display','none');
      2. $('[for="Some Feild"]').fadeOut();
      3. document.getElementById(myID).style.display = "none";
      4. [for="Some Feild"] {display:none}
      5. Some Text

      以上所有内容都会隐藏跨度。

      1. 这是改变 CSS 的 jQuery 方法
      2. 这样 jQuery 会淡出你的 span 以获得很好的效果。
      3. 这是原始的 JS 方法,但是,您需要在标签中添加一个 ID 才能使用它
      4. 这是在标签或外部样式表中更改它的 CSS。
      5. 这是使用 CSS 的快速而肮脏的方式。

      【讨论】:

      • 这个答案展示了如何在不为每个标签提供 ID 的情况下做到这一点。在生成表单的框架中,在每个标签上设置 ID 效率非常低,而 for 几乎总是由表单助手生成。
      猜你喜欢
      • 1970-01-01
      • 2017-06-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-11-02
      • 2013-09-05
      相关资源
      最近更新 更多