Javascript、リンクの中間部分を変更する

Question

リンクの項目のリストがあり、入力フィールドに基づいてリンクの一部のみを変更したいとします。例えば

：

http://www.myexamplepage.com/?q=%22ITEM1%22&sort=date&from=2017-01-11&to=2017-01-20 

だから私はこれをしたい場合：XXXXXXは、入力フィールドの値Iの入力に依存して変化する

<form><input id="date"><input></form> 

<a href="http://www.myexamplepage.com/?q=%22ITEM1%22&sort=date&from=XXXXXX&to=XXXXXX"> 

<a href="http://www.myexamplepage.com/?q=%22ITEM2%22&sort=date&from=XXXXXX&to=XXXXXX"> 

<a href="http://www.myexamplepage.com/?q=%22ITEM3%22&sort=date&from=XXXXXX&to=XXXXXX"> 

。 How to change part of HTML href elements with javascript私が見つけたすべての解決策は、このようなものであるか、リンク内のXXXXXXの後にあるすべての変更を完全に変更します（ITEM1、ITEM2、ITEM3など）。

ヒント？

Answer 1

indexOfとsubStringを使用して、URL文字列の一部を切り取ることができます。 フィドル例：https://jsfiddle.net/xdckhvyp/

var string = 'http://www.myexamplepage.com/?q=%22ITEM3%22&sort=date&from=XXXXXX&to=2017-01-20'; 

var startingPoint = string.indexOf('from=') + 5; 
var endingPoint = string.indexOf('&to'); 

string.substring(startingPoint, endingPoint);