javascriptにて特定の文字置換

質問

いつもサイトを拝見させていただき勉強させてもらっておりますsasaloと申します。
javascriptにて1点調べていたのですがどうしてもうまくいかなくお分かりになる方がおられましたら
ご教授いただけないでしょうか？
どうぞよろしくお願いします。

早速ですが、件名に書かせていただきました、javascriptにて特定の文字置換を行いたく思いましてどこが悪いのか私の知識不足でうまく動作しません。

▼HTMLソース
<div class="aaa">
<p id="sell_txt">abcショップで販売</p>
</div>
<div class="aaa">
<p id="sell_txt">売約済</p>
</div>
<div class="aaa">
<p id="sell_txt">abcショップで販売</p>
</div>

こちらのソースのabcショップで販売という文字を売約済と変更したいです。
また<p id="sell_txt">abcショップで販売</p>はページの中でいくつ出てくるのかはページによってことなり多いページでは50以上ということもあります。

▼javascript
window.onload=function(){
if(document.getElementById('sell_txt').innerHTML = 'abcショップで販売'){
document.getElementById('sell_txt').innerHTML = '売約済';
}
}

こちらのjavascriptを記述して適用しているのですが、初めに出現してくる<p id="sell_txt">abcショップで販売</p>のみの1つが売約済にかわり、残りは<p id="sell_txt">売約済</p>として表示されてしまいます。

お手数で済みませんがどなたかお分かりになられる方がいましたらソースコードを教えていただけないでしょうか？
またお時間がありましたら簡単でもちろん結構ですのでソースコードのご説明をいただけたら幸いです。

どうぞよろしくお願いいたします。

from sasalo

回答No.1

k_kota

ソースが不完全なので、内容だけ説明しますが、idは重複させてはダメです。
classとかで指定すれば良いと思います、ここらへんは調べてください。

また、これを読み込みのたびにやるのは理由が不明です。
特に理由がないならそもそものHTMLソースをテキストエディタで置換してください。

やってる内容から行くとclassくらいは憶えて当然だと思いますので、
学習してください。
もしくは勉強してませんがソース下さい、としてください。