根据url id追加href开始

时间:2017-02-28 12:37:40

标签: javascript

我正在尝试附加电子邮件列表的开头。

这是电子邮件html输出的示例:

<a id="skypemail" href="username@website.com">test</a>
<a id="skypemail" href="username1@website.com">test</a>
<a id="skypemail" href="username2@website.com">test</a>
<a id="skypemail" href="username@website.com">test</a>

我希望它是:

<a id="skypemail" href="sip:username@website.com">test</a>
<a id="skypemail" href="sip:username1@website.com">test</a>
<a id="skypemail" href="sip:username2@website.com">test</a>
<a id="skypemail" href="sip:username@website.com">test</a>

我能否基于id="skypemail"

使用JavaScript

3 个答案:

答案 0 :(得分:3)

如果我理解正确,您只想在sip: attr的开头添加href

&#13;
&#13;
var elems = document.getElementsByClassName('skypemail');

Array.from(elems).forEach(function(v){
  var elemVal = v.getAttribute('href');
  v.setAttribute('href', 'sip:' + elemVal);
});
&#13;
<a class="skypemail" href="username@website.com">test</a>
<a class="skypemail" href="username1@website.com">test</a>
<a class="skypemail" href="username2@website.com">test</a>
<a class="skypemail" href="username@website.com">test</a>
&#13;
&#13;
&#13;

答案 1 :(得分:2)

如果要编辑多个元素,请使用class属性。 ID仅适用于唯一元素,因此将id更改为class:

<a class="skypemail" href="username@website.com">test</a>
<a class="skypemail" href="username1@website.com">test</a>
<a class="skypemail" href="username2@website.com">test</a>
<a class="skypemail" href="username@website.com">test</a>

然后,运行此javascript代码:

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

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

答案 2 :(得分:1)

如果您想修改元素,可以执行以下操作:
const sm = document.querySelector('#skypemail'); sm.href = '<here you can set whatever want for href link>'