javascript - js怎么修改标签文本内容-PHP Chinese Network Q&A

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW)

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

怪我咯 2017-04-11 13:05:16

862

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

怪我咯

走同样的路，发现不同的人生

reply all(3)

Ty802017-04-11 13:07:16 3 floor

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

响应按钮操作，可以直接绑定按钮的onclick事件，触发下列操作
获取input value的值,可以用getElementsByTagName或者getElementsByID之类获取到具体的input DoM元素，再通过这个元素获取到value属性值（一个字符串），把值保存给变量 inputVaule
对inputVaule进行局部字符串替换， showVaule = inputVaule.replace("img0.bdstatic.com","pic0.images.com");
利用alert显式showVaule

Like +0

Add Reply

黄舟2017-04-11 13:07:16 2 floor

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

Like +0

Add Reply

PHPzhong2017-04-11 13:07:16 1 floor

直接正则替换

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" );
}

Like +0

Add Reply