删除选择元素之间的字符

时间:2016-07-11 14:28:12

标签: javascript

您好,这似乎是一个简单的问题,但我无法想出一个干净的方法:

我的开发目的只是删除以 hh:mm:ss 格式表示的一些小时表单。 我不得不隐藏选择条目几小时,几分钟和几秒钟,但我仍然有那些2个未被隐藏的丑陋" "我的选择结束时剩下的字符,我无法找到合适的方法来删除它们!

这是我的JSP生成的HTML部分:

<span class="dateTime">
 <script type="text/javascript">.....</script>
 <script src="test.js" type="text/javascript</script>
 <select id="x">
   <option value="">Hour></option>
 </select>
 :
 <select id="x">
   <option value="">Minute></option>
 </select>
 :
 <select id="x">
   <option value="">Second></option>
 </select>
</span>

我无法修改在我使用标准类的jsp中生成的代码。我更喜欢在我的JSP中直接在javascript中执行此操作,就像我隐藏时间字段一样。

1 个答案:

答案 0 :(得分:0)

你可以这样做:

&#13;
&#13;
var dateElement = document.getElementById('dateElem');

dateElement.childNodes.forEach(function(node){
    // check if the node is a text node
    if (node.nodeType === 3)
        dateElement.removeChild(node);
})
&#13;
&#13;
&#13;

我必须承认它不是很好但是它有效...:p您可以更准确地删除您删除的节点;)

PS:我假设你可以在元素上添加一个id ...如果你不能,只需要通过className获取元素或尝试找到一种方法;)