>  기사  >  웹 프론트엔드  >  innerHTML_javascript 기술 호출 후 onclick 실패 문제에 대한 해결 방법

innerHTML_javascript 기술 호출 후 onclick 실패 문제에 대한 해결 방법

WBOY
WBOY원래의
2016-05-16 17:02:021554검색

최근에 innerHTML을 사용한 프로젝트를 작성했는데, innerHTML을 호출한 후 onclick이 실패하는 것을 발견했습니다. innerHTML은 텍스트 형태로 삽입된 버튼이므로 onclick 이벤트를 인식할 수 없기 때문입니다. 다른 방법을 찾아야 합니다. 직접 구현할 수는 없지만 간접적으로 달성할 수는 있습니다. 다음은 예입니다.

예 1: 이 예는 onclick을 구현할 수 없습니다.

🎜>코드 복사 코드는 다음과 같습니다.


함수 insCell(th)

var name=th.name;
var id=th.id
if(name=="no"){
id.innerHTML =" name='no' id='1'>"


} else{
id.innerHTML="name='yes' id='1'>"





}




< ; br />







위의 예는 버튼이 온라인인지 여부를 판단하는 것입니다. 이름은 아직 오프라인입니다~~ 첫 번째 클릭 후 다음 클릭은 무효라는 것을 확인했습니다~~~~~~
이때 다음과 같이 변장하여 구현할 수 있습니다.



코드 복사 코드는 다음과 같습니다. 🎜>
;br />

🎜>


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.