如何获取和赋值给span标签值

最新推荐文章于 2024-05-15 01:08:22 发布
最新推荐文章于 2024-05-15 01:08:22 发布
阅读量4.4k 收藏
点赞数 1
分类专栏： js java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39772439/article/details/90511377
版权
java 同时被 2 个专栏收录
24 篇文章 0 订阅
订阅专栏
js
15 篇文章 0 订阅
订阅专栏

    下面是一个span标签

<span id="honey">honey,i love you</span>

 1  如何通过id获取span内的值呢？

var spanValue = document.getElementById("honey").innerHTML;
alert("spanValue = " + spanValue);

截图如下 

效果图

2 如何给span标签赋值呢

 $(function(){
	   document.getElementById("honey").innerText = "honey,i hate you!!!"; 
    });

over !!!

zwj的CS-DN
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript给span标签赋值的方法
01-19
js给span标签赋值的方法？一般有两种方法： 第一种方法：输出html <body onload=s()> [removed] function s(){ document.getElementById(hello)[removed] = <iframe src= height=400 width=300></iframe>; } [removed] 第二种方法：输出文本 <body onload=s()> <script l
span的赋值与取值
热门推荐
hellowindowns的博客
07-10 9万+
1、span的文本的取值。   js取的值并不是用document.getElementById('span_noticesg').value，而是document.getElementById('span_id').innerText。 jquery取的值，是$("#span_noticesg").html();   2、的赋值。 $('#span_id').html("span的文
2024年最新vue 三种传值方法_vue输出span的值(1)，2024年最新Web前端中高级面试必知必会
最新发布
2401_84434331的博客
05-15 366
题外话，毕竟我工作多年，深知技术改革和创新的方向，Flutter作为跨平台开发技术、Flutter以其美观、快速、高效、开放等优势迅速俘获人心。vue 三种传值方法。
Vue 笔记
qq_40924034的博客
12-26 986
v-bind:class <h1 :class="{listStyle: true}">h1</h1> v-if v-else-if v-else <template v-if="type === 'A'"> <h1>typeA</h1> <span>spana</span> ...
Vue入门基础（二）
小hu同学
12-27 1422
本篇文章是接着上一篇文章的，可以先看下 上一篇文章 4.Vue常用特性 4.1 常用特性概览 表单操作 自定义指令 计算属性 过滤器 侦听器 生命周期 4.2 表单操作 1. 基于Vue的表单操作 input 单行文本 textarea 多行文本 select 下拉多选 radio 单选框 checkbox 多选框 1、单行文本 绑定数据 <span>姓名：</span> <span> <input type.
vue 三种传值方法
web全栈开发的博客
07-08 2156
vue 三种传值方法 话不多说,直接撰写 第一种:父传子 父: <template> 　　<div> 父组件: <input type="text" v-model="val">(v-model双向绑定) 　　<!-- 这里是引入子组件 --> 　　<child :inputName="name"></child> &...
vue，组件传值
weixin_46174785的博客
06-03 115
组件的传值: 1. 父传子： 1.在父组件中给子组件中设置一个属性，在这个属性上挂载要传递的值。 2.在子组件中用props来接受数据 3.props可以传递的类型有： String(字符串) data(对象) Bollean(布尔值) Array(数组) Number(数字) 父组件：（组件名称：Father） <template> <div> // 调用子组件; <Children v-for='(it
vue获取自定义属性的值,标签的值
一只努力的小Java
10-23 3955
vue中尽量减少dom操作。 方式一：不推荐使用 自定义属性为data-val，通过e.target.getAttribute（）获取。 <span data-val="0" @click="getVal0">点我</span> getVal0(e){ console.log(e.target.getAttribute('data-val')); }, 方式二：不推荐使用 自定义属性为data-val， <span data-val="
Html\给redio标签赋值.doc
12-08
这两个值分别对应于配置键`XMUSZ_YES`和`XMUSZ_NO`，它们可能表示逻辑上的“是”和“否”。这通常用于定义应用程序中的预定义常量或状态。 ```jsp ("xmuszyes",com.vnetoo.xmusz.system.ConfigKeys.XMUSZ_YES); %> ...
element-ui 关于获取select 的label值方法
10-18
在这个例子中，`changeLocationValue`方法接收选中的`value`值作为参数，然后通过查找`locations`数组找到对应的对象，最后将`locationName`赋值给`wareHouseVO2.goodsLocationName`。 2. 同时获取`value`和`label`...
给bootstarp下拉多选框进行赋值、清空、清除下拉之前选中的勾 png
08-28
给bootstarp下拉多选框进行赋值、清空、清除下拉之前选中的勾---调试页面，发现bootstarp框架多选会自带一个span标签，清空与赋值就是把这个span标签重置，在浏览器调试页面中找到这个span标签，通过class选择器，对...
jquery设置text的值示例(设置文本框 DIV 表单值)
10-26
除了直接赋值外，这些方法还可以接受一个回调函数，允许根据原有内容动态生成新的值。 4. 回调函数的使用： 当在`text()`、`html()`或`val()`方法中使用回调函数时，这个函数会在每个匹配的元素上被调用。回调函数...
关于Vue获取渲染后span标签的data-link属性值
qq_42753983的博客
05-22 260
【代码】关于Vue获取渲染后span标签的data-link属性值。
vue的基础语法（实现元素赋值，循环，判断，以及事件响应）
qq_45554909的博客
12-21 2969
1、v-bind 用 v-bind 来绑定元素特性! <!DOCTYPE html> <html lang="en" xmlns:v-bind="http://www.w3.org/1999/xhtml"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <!--引入vue.js--> <script src
vue3基础学习属性，传参，赋值
zy的博客
05-31 1061
【代码】vue3基础学习属性，传参，赋值。
vue 使用 span 来修改值 的小坑
yangyinet的专栏
03-22 1万+
前面有个需求，展现很多标签，展现的同时可以对标签进行修改。 使用vue,思路是 用 span 展现标签，点击 span 打开contenteditable ，使其可编辑，编辑完成后，回车完成修改，提交。 最开始可以正常运行，但偶然发现，在修改第一个span时，回车后，不会变还是之前的值。网上找了下，大部分说改input来实现，没有用span这种的方案。 最后处理方式，对dom元素直接进行操...
span标签的取值与赋值
北辰
11-04 7400
1.span标签的取值 <!--js的取值方式--> <span id="span_id">span的文本</span> <script> var result = document.getElementById("span_id").innerText; </script> <!--jQuery的取值方式--&gt...
Vue-$refs使用
weixin_44126032的博客
11-19 743
使用$refs，可以快速拿到子组件的data属性， 在子组件中用ref绑定一个唯一的名字，可用this.$refs.ZXC拿到该组件的data属性，不需要子组件传父组件。 ASD.vue <template> <div> <el-button type="primary" icon="el-icon-edit" @click="getyy">呵呵</el-button <ASD ref="ZXC">&l
vue中如何更改span标签文本值
05-26
在Vue中更改span标签的文本值，可以通过使用指令v-text或者双括号语法{{}}实现。具体方法如下： 1. 使用v-text指令： ```html <span v-text="textValue"></span> ``` 在Vue实例中，定义textValue变量并赋值即可更改span标签的文本值。 ```javascript new Vue({ el: "#app", data: { textValue: "Hello Vue!" } }) ``` 2. 使用双括号语法： ```html <span>{{textValue}}</span> ``` 同样在Vue实例中，定义textValue变量并赋值即可更改span标签的文本值。 ```javascript new Vue({ el: "#app", data: { textValue: "Hello Vue!" } }) ``` 以上两种方式都可以实现更改span标签的文本值，可以根据实际情况选择更适合的方式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值