[js] 자바스크립트 동적 엘리먼트 onclick 함수에 파라미터 넣기

let id = "member01";
let name= "name01";

//잘못된 방법
let returnHtml = "<a href='#' onclick='fnGoDetail('"+id+"');'><span style='font-weight:bold;'>아이디</span></a>";

//정상적인 방법
let returnHtml = "<a href='#' onclick='fnGoDetail(\""+id+"\");'><span style='font-weight:bold;'>아이디</span></a>";

//파라미터가 여러개일때
let returnHtml = "<a href='#' onclick='fnGoDetail(\""+id+"\",\""+name+"\");'>버튼</a>";

/**
* 아이디 출력
*/
function fnGoDetail(id,name){
	alert(id);
}

 

동적엘리머트를 생상한 onclick 함수에 파라미터를 넣을땐 꼭  앞뒤에 \를 넣는다.

 

파라미터가 여러개일땐

let returnHtml = "<a href='#' onclick='fnGoDetail(\""+id+"\",\""+name+"\");'>";