HTML DOM删除标签

问题描述:

我有一个像HTML DOM删除标签

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

现在我想这个标签的显示样式设置为none

我怎样才能做到这一点的标签?

给它一个ID,然后执行:

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

或者,如果你没有意思 “由JavaScript”:

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

这是我的解决方案,但恐怕我不知道为什么问题的标题中有* remove *这个词。 – 2010-03-16 13:31:34

给ID的标签标记为<label for="Some Feild" id="someLabel" >Some Text </label>然后document.getElementById(myLabelId).removeChild();会删除该标签的内容。

你可以通过多种方式做到这一点。这里有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
  2. 这样jQuery将淡出你的跨度一个很好的效果的jQuery的方法。
  3. 这是原始的JS方法,但是,您需要将ID添加到您的标签才能正常工作
  4. 这是在标签或外部样式表中更改标签的CSS。
  5. 这是用CSS做的快速和肮脏的方式。