간단 한 문제 풀이 홈 페이지
3594 단어 JavaScripthtmldom
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;
}
....................................................................................
효 과 는 다음 과 같다.
결과 에 빨간색 포크 와 녹색 체크 가 나타 날 수 있 도록 노드 의 속성 을 설정 합 니 다.
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>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.