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

Question

在网页中有个输入框和一个按钮，点击按钮获取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而后面内容不变，如何实现。

Answer 1

完全是一个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

Answer 2

用数组API，splice将你要被替换的部分截取出来，再将要替换的内容插进去

Answer 3

直接正则替换

var ipt = document.getElementsByTagName('input')[0];
var btn = document.getElementsByTagName('button')[0];
var reg = /img0.bdstatic.com/ig;
btn.onclick = function(){
    ipt.value = ipt.value.replace( reg , "pic0.images.com" );
}