JavaScript 读写<span>标签的值 - 代码篇

  • span取值: innerText

1. 效果图:

2. 重要代码:

document.getElementById("timeval").innerText = formatDate(time);

3. 实例 · 全部代码 · 如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="text" name="time" id="time" value="1590118124572" />
<span type="text" name="time" id="timeval"></span><script>
window.onload = function(){var time = parseInt(document.getElementById("time").value);document.getElementById("timeval").innerText = formatDate(time);
}function formatDate(now) {var d = new Date(now);var year = d.getFullYear(),month = d.getMonth() + 1,date = d.getDate(),hour = d.getHours(),minute = d.getMinutes(),second = d.getSeconds();if(parseInt(month)<10){month = '0'+month}if(parseInt(date)<10){date = '0'+date}if(parseInt(hour)<10){hour = '0'+hour}if(parseInt(minute)<10){minute = '0'+minute}if(parseInt(second)<10){second = '0'+second}return year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;
}</script>
</body>
</html>

以上就是关于“ JavaScript 读写 span标签的值 - 代码篇 ”的全部内容。

JavaScript 读写 span标签的值 - 代码篇相关推荐

  1. element-UI级联选择器(Cascader)获取label值 - 代码篇

    element-ui级联选择器(Cascader)获取级联对象 :主要是想获取:label值.value值 效果图预览: 代码参考如下: <el-cascaderref="cascad ...

  2. php怎么获取html span标签的值_如何获取PHP中所有html元素的列表?

    DOMDocument::getElementsByTagName方法实际上会返回所有标记,如果第一个参数是'*'.但是你的代码在第一次迭代时用一个文本节点代替 标签(包括所有子节点). 迭代的节点, ...

  3. JQ和Js获取span标签的内容

    转自:https://www.cnblogs.com/anniey/p/6439021.html html: 1 <span id="content">'我是span标 ...

  4. v-bind:href= 拼接字符串 - 代码篇

    vuejs标签属性数据绑定和拼接 v-bind:href= 拼接字符串 v-bind绑定href 的值(拼接属性值 String) 参考csdn文章:终于知道vue.js标签属性数据绑定和拼接 代码实 ...

  5. js给php赋值,JavaScript_javascript给span标签赋值的方法,js给span标签赋值的方法?一般 - phpStudy...

    javascript给span标签赋值的方法 js给span标签赋值的方法?一般有两种方法: 第一种方法:输出html function s(){ document.getElementById(&q ...

  6. element-UI级联选择器(Cascader 回显、默认显示项) - (返回结果的)格式转化 - 代码篇

    el-cascader组件 :(返回结果的)格式转化 有时候会报错:TypeError: thsAreaCode.replace is not a function (bug截图如下) 说白了就是该组 ...

  7. 代码居中对齐_HTML span标签如何居中和右对齐?这里有HTML span标签的样式解析

    本篇文章主要的讲述的是在HTML中的span标签的文本是要如何居中和右对齐的,这里还有各种实例说明,下面就让我们一起来看看吧 首先我们来看看HTML span属性如何居中的? 其实想要这个span文本 ...

  8. php如何写文件缓存,PHP代码篇(八)--php实现文件缓存的读写

    标签:mod   bool   重写   lin   function   防止   value   files   写入文件 说,近期接手的论坛项目,因为对于代码,不是特别熟悉,有个地方需要用到缓存 ...

  9. span的取值与赋值(原生js与jquery) - 对比篇

    文章目录 关于span的取值与赋值 - 原生js与jquery代码 一. span的`取值`: 1. `javascript` 2. `jquery` 二. span的`赋值`: 1. `javasc ...

最新文章

  1. python 文件的操作
  2. mysql批量插入:语法
  3. 【LeetCode】LC1672. 最富有客户的资产总量
  4. JZOJ5906 传送门
  5. 【机器学习】机器学习一些概念的整理(不断更新中)
  6. vue双向数据绑定的原理
  7. python集合类型是一种具体的数据类型_Python3基础语法之集合类型
  8. iPhone 14处理器曝光:万众期待的最硬核升级凉了
  9. SSM : 环境搭建
  10. 2016计算机奥林匹克小学,NOIP2016复赛数据
  11. 微信小程序中集成有赞UI自定义Tabbar组件
  12. 祝大家2019新春快乐
  13. 咨询系列主题:当我们在谈论业务架构的时候我们在谈论什么
  14. CUDA_ERROR_LAUNCH_TIMEOUT
  15. 阿里云ECS云服务器镜像的基本概念以及使用(七)
  16. 如何判断PHP数组是否为空
  17. Unity学习笔记(一)Unity的界面和操作
  18. Php邮件通知源码,php发邮件源码
  19. 前端基础_配置IIS服务器
  20. 视觉SLAM十四讲-高翔 第8讲 视觉里程计2

热门文章

  1. 终于明白如何去写原生AJAX
  2. [BJOI2019]送别——非旋转treap
  3. Kubernetes管理员的11条 安全军规
  4. m_Orchestrate learning system---二十二、html代码如何变的容易
  5. 27、简述redis的有哪几种持久化策略及比较?
  6. Tensorflow+gpu安装
  7. 匿名管道和pipe函数
  8. Swift应用案例 2.闭包入门到精通
  9. Redis数据库-键的生存时间与过期时间的区别
  10. ubuntu12.04 安装Android Studio笔记