2017-02-28 3 views
1

私は電子メールのリストの先頭を追加しようとしています。URL IDに基づいてhrefの開始を追加します

これは、電子メールのhtml出力の例です:

<a id="skypemail" href="[email protected]">test</a> 
<a id="skypemail" href="[email protected]">test</a> 
<a id="skypemail" href="[email protected]">test</a> 
<a id="skypemail" href="[email protected]">test</a> 

、私はそれになりたい:

<a id="skypemail" href="sip:[email protected]">test</a> 
<a id="skypemail" href="sip:[email protected]">test</a> 
<a id="skypemail" href="sip:[email protected]">test</a> 
<a id="skypemail" href="sip:[email protected]">test</a> 

私はJavaScriptでid="skypemail"に基づいていることを行うことができますか?

+0

インターネットで検索しましたか?あなたの試みはどこですか? – Shubham

答えて

3

あなたが正しく理解している場合は、 attrの冒頭にsip:を追加しますか?

var elems = document.getElementsByClassName('skypemail'); 
 

 
Array.from(elems).forEach(function(v){ 
 
    var elemVal = v.getAttribute('href'); 
 
    v.setAttribute('href', 'sip:' + elemVal); 
 
});
<a class="skypemail" href="[email protected]">test</a> 
 
<a class="skypemail" href="[email protected]">test</a> 
 
<a class="skypemail" href="[email protected]">test</a> 
 
<a class="skypemail" href="[email protected]">test</a>

+0

あなたの答えをありがとう、それは1つの電子メールだけでなく、多くの電子メールを除いて、最初の電子メールのために働きます – usethe23

+1

@ usethe23その後、私は(すべてではなく)他の電子メールで 'html'コード全体を提供します。私の答えを編集してください:) –

+0

申し訳ありませんが私は十分に明確ではなかった。ありがとう、私は私の質問を編集しました。 – usethe23

2

あなたは複数の要素を編集したい場合は、クラス属性を使用します。 IDだけでユニークな要素ですので、クラスにIDを変更します。その後、

<a class="skypemail" href="[email protected]">test</a> 
<a class="skypemail" href="[email protected]">test</a> 
<a class="skypemail" href="[email protected]">test</a> 
<a class="skypemail" href="[email protected]">test</a> 

そして、このJavaScriptコードを実行:あなたはあなたの要素を変更したい場合は、このような何かを行うことができ

var emails = document.getElementsByClassName('skypemail'); 

Array.from(emails).forEach(function(v){ 
    var elemVal = v.getAttribute('href'); 
    v.setAttribute('href', 'sip:' + elemVal); 
}); 
1

を:
const sm = document.querySelector('#skypemail'); sm.href = '<here you can set whatever want for href link>'

関連する問題