Element nach ID in jQuery abrufen
In JavaScript können wir die Methode document.getElementById() verwenden, um das Element anhand der ID zu erhalten. In jQuery können wir das $('#contents') verwenden, um das Element anhand der ID abzurufen.
Dieses Tutorial zeigt, wie Sie mit beiden Methoden Elemente nach ID abrufen.
Holen Sie sich Element nach ID in JavaScript
document.getElementById() ist die beliebteste Methode, um Elemente nach ID abzurufen. Diese Methode wird hauptsächlich im Webdesign verwendet, um den Wert eines Elements zu ändern oder dieses Element zu erhalten.
Die Syntax für diese Methode lautet:
document.getElementById('id')
Versuchen wir ein Beispiel, um das Element anhand der ID mit dieser Methode abzurufen:
<!DOCTYPE html>
<html>
<head>
<title>
Select element by ID in javascript
</title>
</head>
<body style="border: 4px solid blue; min-height: 300px; text-align: center;">
<h1 style="color:blue;" id="delftstack">
DELFTSTACK
</h1>
<script>
setTimeout(function() {
document.getElementById('delftstack').style.color = "green"
}, 3000);
</script>
</body>
</html>
Der obige Code erhält die Element-ID h1 und ändert seine Farbe bei einem Timeout. Siehe Ausgabe:
Element nach ID in jQuery abrufen
jQuery hat eine einfachere Methode, um ein Element nach ID auszuwählen. jQuery hat einen ID-Selektor, der das Element mit einer eindeutigen ID auswählen kann.
Die Syntax für diese Methode lautet:
$("#idname");
Versuchen wir das Beispiel in jQuery, das den Hintergrund des Elements ändert, indem es über die ID abgerufen wird:
<!DOCTYPE html>
<html>
<head>
<title>
Select element by ID in JQuery
</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body style="border: 4px solid blue; min-height: 300px; text-align: center;">
<h1 style="color:blue;" id="delftstack">
DELFTSTACK
</h1>
<script>
setTimeout(function () {
$('#delftstack').css("background-color", "yellow");;
}, 3000);
</script>
</body>
</html>
Sehen Sie sich die Ausgabe für diesen Code an:
Sheeraz is a Doctorate fellow in Computer Science at Northwestern Polytechnical University, Xian, China. He has 7 years of Software Development experience in AI, Web, Database, and Desktop technologies. He writes tutorials in Java, PHP, Python, GoLang, R, etc., to help beginners learn the field of Computer Science.
LinkedIn Facebook