在javascript中标签旁边的标签

时间:2013-05-21 19:18:49

标签: javascript html dom document

我没有使用jQuery的奢侈,我想在某些条件下使用Javascript隐藏span标记,并且span标记没有id。

"<label name="lcity" id="lcity" for="city" class="formLabel" title="City">City:</label>
<span class=spanclass>*</span>

我尝试过这样的事情并没有奏效:

var countyFieldLabel = document.getElementById('lcity').nextElementSibling;
countyFieldLabel.visibility="hidden";

有人可以提出建议吗?

由于

2 个答案:

答案 0 :(得分:3)

你几乎是正确的: -

Visibility不是元素属性,而是样式属性。

使用

 countyFieldLabel.style.visibility="hidden";

而不是

countyFieldLabel.visibility="hidden";

Fiddle

答案 1 :(得分:0)

使用nextSibling而不是nextElementSibling:

function hideSpan()
{
     var element = document.getElementById("lcity").nextSibling.style.visibility = 'hidden';      
}

HTML:

<body onload="hideSpan()">     
    <label id="lcity" for="city" class="formLabel" title="City">City:</label><span class=spanclass>*</span>       
</body>

另外,请删除标签中的名称属性。这是不允许的。