JavaScript를 사용하여 페이지의 추가 및 뺄셈 버튼을 클릭하여 숫자 축적을 달성하십시오.
간단한 HTML은 아마도 그렇습니다. 이해 하고이 세부 사항에 대해 신경 쓰지 마십시오
<입력 유형 = "버튼"value = "+"onclick = "jia (this)" /> <label> 0 < /label> <입력 유형 = "버튼"value = "-"onclick = "jian (this)" />
이렇게 보인다
JavaScript 코드는 다음과 같습니다
<script type = "text/javaScript"> 함수 jia (a) {var nextNode = a.nextElementSibling; // 다음 노드 알림 (nextNode.innerHtml); var a = parseint (nextNode.innerHtml) a += 1; nextNode.innerHtml = a} 함수 (a) {var prevernnode =. a.previousElementsibling; var a = parseint (previousNode.innerHtml) a -= 1; a = a> 0? a : 0; previousnnode.innerhtml = a;} </script>설명하자 :
기능 Jian (a) 및
함수 jia (a)는 현재 클릭 한 객체입니다. OnClick 이벤트 방법에 이것을 추가하십시오.
- NextElementsibling 현재 노드의 다음 노드를 가져옵니다 (다음 형제 노드 가져 오기)
- previous Elementsibling 현재 노드의 이전 노드 얻기
참고 : IE는 노드간에 생성 된 공간 문서 노드 (예 : 라인 브레이크 문자)를 건너 뛸 수 있으며 Mozilla는이 작업을 수행하지 않습니다. FF는 우주 브레이크와 같은 조판 요소를 노드 판독 값으로 처리합니다. 따라서 IE에서 Nextibling으로 읽을 수있는 다음 노드 요소는 FF : NextElementsibling으로 작성해야합니다.
위의 설명은 다음 형제 노드와 이전 형제 노드를 얻기 위해 NextElementsibling 및 PreviousElementsibling을 사용하는 것을 의미합니다. 라인 브레이크, 공간 등을 제거하고 태그 요소를 직접 찾을 수 있습니다. 그러나 다음 두 가지
Nextibling
Previouse는 다음 형제 노드와 이전 형제 노드도 필요하지만 IE에서 사용하기 쉽습니다.
-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------.
Parseint 변환 기능.
a = a> 0? a : 0; ----- 3 대 표현.