html中两种获取标签内的值的方法


Posted in HTML / CSS onJune 10, 2022

获取标签中value的值

使用的javascript获取,所以肯定是包含在< script >标签里的,也需要引入jquery

标签示例:

<input id="goodsCount" type="text" size="2" readonly="readonly" class="num-text" value="#{num}">

获取其中value的值:

//$("#goodsCount"),括号内的值为id选择器,对应着标签的id
//使用.val(),可以获取该value的值
$("#goodsCount").val();

//如果需要传值进去,在括号内写入需要传入的值即可,就如下
$("#goodsCount").val(json.data);

获取标签中间的值

标签示例:

<span id="goodsPrice">#{singlePrice}</span>

获取标签中间的值:

//使用id选择器可以获取上上述标签中的#{singlePrice}
//class选择器应该也可以,但我没试过
let price = $("#goodsPrice").html();

//如果需要传值进去,在括号内写入需要传入的值即可,就如下
$("#goodsPrice").html(totalPrice);

到此这篇关于html中两种获取标签内的值的方法的文章就介绍到这了,更多相关html获取标签值内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章,希望大家以后多多支持三水点靠木!

 
HTML / CSS 相关文章推荐
HTML5+CSS3网页加载进度条的实现,下载进度条的代码实例
Dec 30 HTML / CSS
用纯CSS3实现网页中常见的小箭头
Oct 16 HTML / CSS
html5 touch事件实现触屏页面上下滑动(一)
Mar 10 HTML / CSS
HTML5之SVG 2D入门12—SVG DOM及DOM操作介绍
Jan 30 HTML / CSS
HTML5实现动画效果的方式汇总
Feb 29 HTML / CSS
借助HTML5 Canvas API制作一个简单的猜字游戏
Mar 25 HTML / CSS
基于 HTML5 WebGL 实现的医疗物流系统
Oct 08 HTML / CSS
iframe跨域的几种常用方法
Nov 11 HTML / CSS
Html5 webRTC简单实现视频调用的示例代码
Sep 23 HTML / CSS
Html5页面播放M4a音频文件
Mar 30 HTML / CSS
在CSS中使用when/else的方法
Jan 18 HTML / CSS
CSS link与@import的区别和用法解析
May 07 HTML / CSS
html5+实现plus.io进行拍照和图片等获取
Jun 01 #HTML / CSS
基于CSS制作创意端午节专属加载特效
聊聊CSS粘性定位sticky案例解析
Jun 01 #HTML / CSS
HTML5之高度塌陷问题的解决
Jun 01 #HTML / CSS
使用CSS实现黑白格背景效果
Jun 01 #HTML / CSS
HTML中实现音乐或视频自动播放案例详解
May 30 #HTML / CSS
CSS文本阴影 text-shadow 悬停效果详解
May 25 #HTML / CSS
You might like
在php和MySql中计算时间差的方法
2011/04/22 PHP
图文详解PHP环境搭建教程
2016/07/16 PHP
PHP Beanstalkd消息队列的安装与使用方法实例详解
2020/02/21 PHP
让JavaScript拥有类似Lambda表达式编程能力的方法
2010/09/12 Javascript
js解析与序列化json数据(三)json的解析探讨
2013/02/01 Javascript
javascript轻量级模板引擎juicer使用指南
2014/06/22 Javascript
JavaScript学习笔记之定时器
2015/01/22 Javascript
JS实现仿中关村论坛评分后弹出提示效果的方法
2015/02/23 Javascript
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
2015/04/22 Javascript
AngularJS 自定义指令详解及示例代码
2016/08/17 Javascript
AngularJs Injecting Services Into Controllers详解
2016/09/02 Javascript
AngularJS 霸道的过滤器小结
2017/04/26 Javascript
js canvas实现简单的图像扩散效果
2020/06/28 Javascript
vue axios 在页面切换时中断请求方法 ajax
2018/03/05 Javascript
[01:25]DOTA2超级联赛专访iG 将调整状态找回自己
2013/06/05 DOTA
python两种遍历字典(dict)的方法比较
2014/05/29 Python
Python实现简单字典树的方法
2016/04/29 Python
Python基于Socket实现的简单聊天程序示例
2017/08/05 Python
在Pandas中给多层索引降级的方法
2018/11/16 Python
对python For 循环的三种遍历方式解析
2019/02/01 Python
对Python 中矩阵或者数组相减的法则详解
2019/08/26 Python
浅谈Pytorch torch.optim优化器个性化的使用
2020/02/20 Python
利用Python计算KS的实例详解
2020/03/03 Python
极简的HTML5模版
2015/07/09 HTML / CSS
H5混合开发app如何升级的方法
2018/01/10 HTML / CSS
阿迪达斯芬兰官方网站:adidas芬兰
2017/01/30 全球购物
印度尼西亚值得信赖的第一家网店:Bhinneka
2018/07/16 全球购物
印度民族服装购物网站:BIBA
2019/08/05 全球购物
中科软笔试题和面试题
2014/10/07 面试题
法人委托书范本
2014/04/04 职场文书
入股协议书范本
2014/04/14 职场文书
售房协议书范本2014
2014/10/23 职场文书
认识实习感想
2015/08/10 职场文书
高中政治教学反思
2016/02/23 职场文书
python中字符串String及其常见操作指南(方法、函数)
2022/04/06 Python
Go Grpc Gateway兼容HTTP协议文档自动生成网关
2022/06/16 Golang