2016-06-04 3 views
0

javascript의 하이퍼 링크에서 동적으로 onclick 함수를 만드는 방법은 무엇입니까?onclick 이벤트 앵커 요소를 동적으로 작성 - javascript

이것은 코드 페이지입니다. 동일한 페이지 내에 여러 개의 하이퍼 링크를 만드는 whileloop입니다. 난 그냥 A-요소에 onclick 이벤트를 추가하려고, 그

a.onclick=myfunction() 

을하지만 페이지가 이러한 링크의 목록을로드 할 때 - 기능이 자동으로 모든 링크에 대해 호출됩니다.

내 코드는 다음과 같습니다. 모든 링크에 대해 id을 사용해야합니다.

var a = document.createElement('a'); 
    var linkText = document.createTextNode(child.innerHTML); 
    a.appendChild(linkText); 
    a.title = child.innerHTML; 
    a.href = "#stockContent" + i; 
    a.id = "link_id" + i; 

    ... 

나는 등의 onclick myfunction의 반환 값을 설정할 것이다

+0

나는 조작하려는 물건에 ID를 넣는 습관에 빠질 것입니다. "a.addEventListener ('onclick', function (event) {여기에 할 일})"과 같은 작업을 수행하십시오. 그게 효과가있다. 즉각적으로 실행되지는 않습니다. 이벤트 리스너를 사용하여 "onclick"만 실행합니다. 필요한 경우 사용자 정의 이벤트 메소드/리스너를 작성할 수도 있습니다. – hipkiss

답변

2
a.onclick=myfunction() 

변수 반복기이다. 명명 된 기능을

1) :

a.onclick=myfunction 
1

당신은 두 가지 방법으로 온 클릭 기능을 지정할 수 있습니다

function myFunction(){ 
    alert('hello'); 
} 

a.onclick = myFunction; 

2) 익명의 기능 : 당신이 원하는 것은 다음과 같다

a.onclick = function(){ 
    alert('hello'); 
}; 
관련 문제