javascript中标签旁边的标签答案

【问题标题】：tag next to a label in javascriptjavascript中标签旁边的标签
【发布时间】：2013-05-22 03:45:26
【问题描述】：

我没有使用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";

谁能给点建议？

谢谢

【问题讨论】：

标签： javascript html dom document

【解决方案1】：

你几乎走对了：-

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

使用

 countyFieldLabel.style.visibility="hidden";

而不是

countyFieldLabel.visibility="hidden";

Fiddle

【讨论】：

【解决方案2】：

使用 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>

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

【讨论】：