מעבר בלולאה ושינוי אלמנטים
שיעור 6 מתוך 13 בקורס שיטות DOM ב-JavaScript של Coddy.
בואו נעשה אתגר!
אתגר
קלנתון לך קוד HTML שמכיל חמש פסקאות עם שם המחלקה item.
באמצעות JavaScript בלבד, שנה את הטקסט של הפסקאות כך שייראו כמו רשימה ממוספרת.
הנה הפלט הצפוי:
אל תשכח לרענן את דף האינטרנט כדי לראות את השינויים שביצעת ב-JS!
נסו בעצמכם
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p class="item">Banana</p>
<p class="item">Apple</p>
<p class="item">Pear</p>
<p class="item">Water</p>
<p class="item">Milk</p>
<script src="script.js"></script>
</body>
</html>כל השיעורים ביחידה שיטות DOM ב-JavaScript
2שיטות DOM I
getElementByIdשינוי סגנון של אלמנטgetElementsByClassNameמעבר בלולאה ושינוי אלמנטיםgetElementsByTagNamequerySelectorתרגלו בעצמכם: Web אונליין