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 相关文章推荐
css3实现背景图片拉伸效果像桌面壁纸一样
Aug 19 HTML / CSS
使用CSS3的box-sizing属性解决div宽高被内边距撑开的问题
Jun 28 HTML / CSS
CSS3 Notes: -webkit-box-reflect实现倒影的实例
Dec 08 HTML / CSS
HTML5表格_动力节点Java学院整理
Jul 11 HTML / CSS
详解移动端HTML5音频与视频问题及解决方案
Aug 22 HTML / CSS
浅谈cookie和localStorage那些事
Aug 27 HTML / CSS
html5中JavaScript removeChild 删除所有节点
May 16 HTML / CSS
详解canvas绘图时遇到的跨域问题
Mar 22 HTML / CSS
html5视频媒体标签video的使用方法及完整参数说明详解
Sep 27 HTML / CSS
Html5之自定义属性(data-,dataset)
Nov 19 HTML / CSS
HTML5 Canvas 实现K线图的示例代码
Dec 23 HTML / CSS
使用placeholder属性设置input文本框的提示信息
Feb 19 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
1 Tube Radio
2021/03/02 无线电
PHP 模板高级篇总结
2006/12/21 PHP
yii添删改查实例
2015/11/16 PHP
PHP操作mysql数据库分表的方法
2016/06/09 PHP
使用PHP下载CSS文件中的所有图片【几行代码即可实现】
2016/12/14 PHP
PHP封装的验证码工具类定义与用法示例
2018/08/22 PHP
解决Laravel 使用insert插入数据,字段created_at为0000的问题
2019/10/11 PHP
自写的一个jQuery圆角插件
2010/10/26 Javascript
阻止子元素继承父元素事件具体思路及实现
2013/05/02 Javascript
JavaScript中Math对象方法使用概述
2014/01/02 Javascript
深入理解javascript的执行顺序
2014/04/04 Javascript
JS实现网页标题随机显示名人名言的方法
2015/11/03 Javascript
进阶之初探nodeJS
2017/01/24 NodeJs
Vue.js划分组件的方法
2017/10/29 Javascript
基于vue-cli3创建libs库的实现方法
2019/12/04 Javascript
Node中对非阻塞I/O、事件循环的知识点总结
2020/01/05 Javascript
在vant 中使用cell组件 定义图标该图片和位置操作
2020/11/02 Javascript
JavaScript实现图片合成下载的示例
2020/11/19 Javascript
Python的装饰器用法学习笔记
2016/06/24 Python
Python通过future处理并发问题
2017/10/17 Python
Python实现学生成绩管理系统
2020/04/05 Python
python中不能连接超时的问题及解决方法
2018/06/10 Python
Python脚本利用adb进行手机控制的方法
2019/07/08 Python
Django rstful登陆认证并检查session是否过期代码实例
2019/08/13 Python
基于python实现从尾到头打印链表
2019/11/02 Python
Pytorch使用MNIST数据集实现CGAN和生成指定的数字方式
2020/01/10 Python
Python print不能立即打印的解决方式
2020/02/19 Python
完美解决keras保存好的model不能成功加载问题
2020/06/11 Python
Html5 localStorage入门教程
2018/04/26 HTML / CSS
德国足球商店:OUTFITTER
2019/05/06 全球购物
Java中的基本数据类型所占存储空间大小固定的吗
2012/02/15 面试题
预备党员党校学习自我评价分享
2013/11/12 职场文书
军训决心书范文
2015/09/22 职场文书
小学四年级作文之人物作文
2019/11/06 职场文书
导游词之徐州云龙湖
2019/11/19 职场文书
Django Paginator分页器的使用示例
2021/06/23 Python