2017-01-01 38 views
2

要追加:追加的onclick以链接的JavaScript

_target="_blank" 

要所有的链接在HTML页面中使用:

var links = document.querySelectorAll("a"); 
    for (var i=0;i<links.length;i++) { 
    links[i].target="_blank"; 
    } 

但由于某些原因,当我使用完全相同的代码,并尝试附加:

onclick="alert(2)" 

像这样:

var links = document.querySelectorAll("a"); 
    for (var i=0;i<links.length;i++) { 
    links[i].onclick="alert(2)"; 
    } 

它不起作用。

任何人都可以告诉我如何做到这一点? (最好用javascript代替jQuery)

谢谢!

回答

0

您可以使用原有的查询与略作修改:

var links = document.querySelectorAll("a"); 
    for (var i=0;i<links.length;i++) { 
    links[i].onclick=function() { alert(2) }; 
    } 
0

尝试

links[i].onclick = function() { alert(2); }; 
0

至于其他的答案显示,该onclick属性应包含的功能。如果你真的想分配一个Javascript代码字符串,你可以用setAttribute来完成。

var links = document.querySelectorAll("a"); 
 
for (var i = 0; i < links.length; i++) { 
 
    links[i].setAttribute('onclick', "alert(2)"); 
 
}
<a href="#">Link 1</a> 
 
<a href="#">Link 2</a> 
 
<a href="#">Link 3</a> 
 
<a href="#">Link 4</a>