javascript - js怎么修改标签文本内容

问题描述

问 题

在网页中有个输入框和一个按钮，点击按钮获取input value值并修改文本弹窗显示修改后的内容，例如input内容为http://img0.bdstatic.com/img/image/shouye/xinshouye/dongman928.jpg
点击按钮后修改为http:///pic0.images.com/image/shouye/xinshouye/dongman928.jpg
也就是说点击按钮后将前半部分中img0.bdstatic.com改为pic0.images.com而后面内容不变，如何实现。

解决方案

完全是一个DOM操作。
其实理清了思路后你自己就可以实现：

1. 响应按钮操作，可以直接绑定按钮的onclick事件，触发下列操作

2. 获取input value的值,可以用getElementsByTagName或者getElementsByID之类获取到具体的input DoM元素，再通过这个元素获取到value属性值（一个字符串），把值保存给变量 inputVaule

3. 对inputVaule进行局部字符串替换， showVaule = inputVaule.replace("img0.bdstatic.com","pic0.images.com");

4. 利用alert显式showVaule

这篇关于javascript - js怎么修改标签文本内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！