给span 赋值和取值

5 篇文章 0 订阅

转自:https://blog.csdn.net/hellowindowns/article/details/46836387

1、<span id="span_id">span的文本</span>的取值。

js取<span>的值并不是用document.getElementById('span_noticesg').value,而是document.getElementById('span_id').innerText。

jquery取<span>的值,是$("#span_noticesg").html();

 

2、<span id="span_id"></span>的赋值。

$('#span_id').html("span的文本");

document.getElementById('span_id').innerText="span的文本";

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue.js中实现这个效果,您可以使用Vue的事件绑定和动态类绑定来实现。 首先,您需要在Vue实例中定义一个变量来表示被点击的span标签的索引,并将初始值设置为-1。然后,您可以使用v-for指令来遍历渲染多个span标签,并给它们绑定点击事件。当点击某个span标签时,将被点击的span的索引赋值给之前定义的变量。 接下来,在每个span标签上使用动态类绑定(v-bind:class)来根据索引的值是否等于当前遍历的索引来决定是否添加red类,以改变文字的颜色。 以下是一个基本的示例代码: ```html <!DOCTYPE html> <html> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <style> .red { color: red; } </style> </head> <body> <div id="app"> <span v-for="(span, index) in spans" :key="index" :class="{ 'red': selectedIndex === index }" @click="changeColor(index)"> {{ span }} </span> </div> <script> new Vue({ el: '#app', data: { selectedIndex: -1, spans: ['文本1', '文本2', '文本3'] }, methods: { changeColor(index) { this.selectedIndex = index; } } }); </script> </body> </html> ``` 在上述示例中,我们使用Vue实例中的`selectedIndex`变量来表示被点击的span标签的索引。通过点击事件`@click`将被点击的span的索引赋值给`selectedIndex`。然后,使用动态类绑定`v-bind:class`来根据`selectedIndex`的值是否等于当前遍历的索引来决定是否添加red类。 您可以根据需要进行修改和扩展。希望对您有所帮助!

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值