Question

<button class='cp_but' onclick='decide(); return false;'>Item</button> 

function decide() { 
    var buttons = "<button class='cp_but' onclick='addItem()'>Add</button>" + 
     "<button class='cp_but' onclick='done();'>Done</button>"; 

    document.getElementById("but_cont").innerHTML = buttons; 
} 

function done() { 
    document.getElementById("but_cont").setAttribute("style", "display:none;"); 
} 

버튼이 "항목"버튼을 처음 클릭 할 때만 추가되는 이유는 무엇입니까?

Answer 1

귀하의 문제를 이해했습니다. 항목을 다시 누르면 (완료를 누른 후에) 단추가 다시 나타나길 원합니다. 문제는 그들이 표시되지 않도록 display: none으로 설정되어 있다는 것입니다. 당신은 당신의 함수 내에서이 줄을 추가해야합니다 :

function decide() { 
    var buttons = "<button class='cp_but' onclick='alert(\"test\")'>Add</button>" + 
     "<button class='cp_but' onclick='done();'>Done</button>", 
     el = document.getElementById("but_cont"); 
    if(el.style.display === 'none') el.style.display = 'block'; 
    el.innerHTML = buttons; 
} 

그것을 할 더 나은 방법이 많이 있습니다,하지만 난 여기에 대한 아니에요, 당신은 좋은 코드를 작성하는 방법을 배워야한다!

Answer 2

done() 함수에서 div을 display:none으로 설정했기 때문에.

decide()에 콘텐츠를 다시 표시하려면 display:block 또는 무엇이든 설정해야합니다.

---

버튼이 항상 동일 할 경우, 계속해서 만들거나 파괴 할 이유가 없습니다.

페이지를로드 할 때 페이지가 표시되도록 설정하고 display을 표시하거나 숨기도록 설정하십시오.

Answer 3

 


    window.done = function(){ 
document.getElementById("but_cont").innerHTML = ""; 
}