如何通过id=‘time1’获取‘秒’这个内容?:<div class="layui-inline" id="time1"> <label class="layui-form-label">时间:</label> <div class="layui-input-block"> <input type="number" name="time" placeholder="请输入时间" min="0" max="5400" lay-verify="number|time" autocomplete="off" class="layui-input"> <div class="layui-input-suffix layui-input-split"> 秒 </div> </div> </div>
时间: 2023-12-21 21:07:19 浏览: 78
可以使用JavaScript中的getElementById方法获取该元素节点,然后使用innerHTML或innerText属性获取该节点中的文本内容。具体代码如下:
```javascript
var time1 = document.getElementById("time1"); // 获取id为time1的元素节点
var seconds = time1.getElementsByClassName("layui-input-suffix")[0].innerText; // 获取class为layui-input-suffix的元素节点的innerText属性值,即“秒”
console.log(seconds); // 输出“秒”
```
注意:该代码中使用了getElementsByClassName方法获取class为layui-input-suffix的元素节点,因为该节点没有id属性。如果该节点有id属性,也可以使用getElementById方法获取该节点。
相关问题
<div id="overt_type2" class="layui-form-item" style="display:none;"> <div class="layui-form-item"> <label class="layui-form-label">开始时间:</label> <div class="layui-input-inline"> <input type="datetime" name="start_time" id="start_time" class="layui-input" placeholder="请选择开始时间"> </div> <label class="layui-form-label">结束时间:</label> <div class="layui-input-inline"> <input type="datetime" name="end_time" id="end_time" class="layui-input" placeholder="请选择结束时间"> </div> </div> </div> 空数据返回null
这段代码是使用了 LayUI 的表单组件,其中包含了一个隐藏的表单项 `overt_type2`,该表单项包含了两个日期时间选择器,分别是开始时间和结束时间。如果在获取这两个日期时间选择器的值时,如果用户没有选择任何值,则会返回 `null`。为了避免出现 `null`,我们可以在获取这两个日期时间选择器的值时进行判断和处理。以下是一个示例代码:
```javascript
var start_time = $('#start_time').val();
var end_time = $('#end_time').val();
if (start_time && end_time) { // 判断两个值是否存在
// 处理两个日期时间选择器的值
} else {
// 处理空数据的情况
}
```
在上述代码中,我们使用了逻辑与运算符 `&&` 来判断两个日期时间选择器的值是否存在,如果存在则进行处理,否则进行空数据的处理。根据具体的业务需求,可以在空数据的情况下给出提示,或者设置默认值等。
<div class="layui-input-inline"> <input type="text" id="key6" class="layui-input" autocomplete="off" placeholder="请输入创建时间" onclick="layui.laydate({elem: this, format: 'yyyy-MM-dd', istime: false})"> </div> 显示年月日之后,还要显示时分秒
可以将istime属性设置为true,使其显示时分秒,代码如下:
```
<div class="layui-input-inline">
<input type="text" id="key6" class="layui-input" autocomplete="off" placeholder="请输入创建时间" onclick="layui.laydate({elem: this, format: 'yyyy-MM-dd HH:mm:ss', istime: true})">
</div>
```
这样点击输入框后选择日期后会显示年月日时分秒。
阅读全文