자바 스크립트에서 내부 HTML의 매개 변수 전달

Question

내부 HTML에 전달 매개 변수가 필요합니다.

function func() { 
    var ul = document.getElementById("section"); 
    var newLI = document.createElement("LI"); 
    ul.appendChild(newLI); 
    var ch = 'kuldeep'; 
    newLI.innerHTML = "<a href='javascript:void(0)' onclick='itemcustom(ch)'>Click Me </a>"; 
} 

itemcustom 함수에서 매개 변수를 추가하는 방법을 알려주세요. 매개 변수를 사용하지 않고 있습니다.

Answer 1

지금은 텍스트로 렌더링됩니다. 당신과 같이 문자열을 탈출해야합니다 :

"<a href='javascript:void(0)' onclick='itemcustom("+ch+")'>Click Me </a>" 

Answer 2

을 당신과 같은 변수 ch 삽입, 리터럴 문자열을 중단해야 할 두 가지를 추가하는 의미, 이것은 string concatenation라고

function func() { 
    var ul = document.getElementById("section"); 
    var newLI = document.createElement("LI"); 
    ul.appendChild(newLI); 
    var ch = 'kuldeep'; 
    newLI.innerHTML = "<a href='javascript:void(0)' onclick='itemcustom("+ ch +")'>Click Me </a>"; 
} 

을 또는 더 많은 문자열을 하나로 결합하십시오.

Answer 3

적절한 요소를 만드는 것이 어떨까요?

function func() { 
    var ul  = document.getElementById("section"); 
    var newLI = document.createElement("li"); 
    var anchor = document.createElement("a"); 
    var ch  = 'kuldeep'; 

    anchor.href = "#"; 
    anchor.addEventListener('click', function() { 
     itemcustom(ch); 
     return false; 
    }, false); 
    anchor.innerHTML = 'Click Me'; 

    newLI.appendChild(anchor); 
    ul.appendChild(newLI); 
} 

FIDDLE