간단 한 문제 풀이 홈 페이지

3594 단어 JavaScripthtmldom
chrome 은 js 를 쓰 는 신기 네요.
http://blog.sina.com.cn/s/blog_6db312f10101ac8p.html 
뒤에 쓰기 귀찮아 서 물건 을 쌌 는데,
http://download.csdn.net/detail/artemisrj/8280401
그 중에서 빈 문 제 를 작성 하 는 것 은 사실 내용 이 div 로 싸 여 서 는 안 되 고 그렇지 않 으 면 또 떠 서 는 안 된다.
어떤 이유 로 스 크 립 트 를 쓰 면 학생 들 이 자신의 답 을 선택 할 수 있 고 답 을 선택 하면 결 과 를 볼 수 있 으 며 문 제 는 고정 되 어 있 고 답 도 고정 되 어 있 으 며 사실은 정적 웹 페이지 입 니 다.그래서 html 버 전 을 먼저 올 리 도록 하 겠 습 니 다.
상응하는 javascript
해당 css
클 라 스 이름 으로 옮 겨 다 니 지 않 고 getElementsByTagName
아니면 Id 가 DOM 의 노드 를 옮 겨 다 니 거나 이 약간 구 덩이 잖 아 요.자기 오 해 였 어.
getElementsByClassName 도 좋 고,
제출 에 따라 답 을 표시 할 수 있 는 기능 이 구현 되 었 습 니 다. - - - -
다음 단계 에 우 리 는 답 의 옳 고 그 름 을 나 타 낼 수 있 기 를 원한 다. 
4. 567913. 하위 노드 를 추가 하 는 데 두 가지 방식 이 있 는데 appendChild 방법 은 부모 노드 의 하위 노드 의 끝 에 새로운 노드 를 추가 하 는 것 이다 (부모 노드 에 비해).
insert Before 방법 은 기 존 노드 앞 에 새로운 노드 를 추가 하 는 것 입 니 다. (하위 노드 에 비해) 
단선 의 정확 여 부 를 판단 하 다.
사실은 웹 페이지 의 두 노드 의 부분 이 같 는 지 판단 하 는 것 이다. 
<form>
			<div class="question">
			<label class="quiz-content">
				  1
			</label>
			<div class="answers">
				<input type="radio" value="1" name="bb" >   1
				<input type="radio" value="2" name="bb" >   2
				<input type="radio" value="3" name="bb" >   2
				<input type="radio" value="4" name="bb" >   2
			</div>
			<div class="explain">
			         
			</div>
			</div><!--          -->
			
			
			<div class="submit">
				<input type="button" value="  " onclick="return valid();">
			</div>
		</form>
<script type="text/javascript">
   function valid(){
	 var str=document.getElementsByTagName("div");
	 //alert(str.length);
	 for(var i=0;i<str.length;i++){
		if(str[i].className=="explain"){
			str[i].style.display="block";
		}
	 }
     return true;
   }
</script>
.explain{
display:none;
}

....................................................................................
효 과 는 다음 과 같다. 
简单的答题网页_第1张图片
결과 에 빨간색 포크 와 녹색 체크 가 나타 날 수 있 도록 노드 의 속성 을 설정 합 니 다.
4. 567913. thJudge 는 하나의 노드 로 속성 을 설정 할 수 있 습 니 다.
드 롭 다운 상자 에 대한 코드
var dot=document.createElement("div");
dot.innerText="        ";
answerDot.appendChild(dot);
//  ,answerDot   DOM    
<label class="quiz-content">
	  1,    A,
</label>
<div class="answers">
	<input class="radio" type="radio" value="A" name="q1" >   1
	<input class="radio" type="radio" value="B" name="q1" >   2
	<input class="radio" type="radio" value="C" name="q1" >   2
	<input class="radio" type="radio" value="D" name="q1" >   2
</div>
<div class="explain">
	<div class="option">A</div>
	         		
</div>




좋은 웹페이지 즐겨찾기