So erhalten Sie Seitenelemente über das ID-Attribut in Javascript-js-Tutorial-php.cn

So erhalten Sie Seitenelemente über das ID-Attribut in Javascript

醉折花枝作酒筹

Freigeben： 2023-01-06 11:17:07

Original

9476 Leute haben es durchsucht

In Javascript können Sie die Methode getElementById verwenden, um Seitenelemente abzurufen. Das Syntaxformat ist „document.getElementById(„id name“)“. Die Methode getElementById gibt einen Verweis auf das erste Objekt mit der angegebenen ID zurück.

So erhalten Sie Seitenelemente über das ID-Attribut in Javascript

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

Webseiten organisieren Informationen nach Tags, und der ID-Attributwert des Tags ist eindeutig. So finden Sie das Element, das über Javascript abgerufen werden soll

document.getElementById("id") //语法

Nach dem Login kopieren

Verwenden Sie den folgenden Code, um das Element zu finden, dessen laufendes Ergebnis null oder [Objekt ist HTMLParagraphElement]

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>通过ID获取元素</title>
        <script type="text/javascript">
            var myceshi=document.getElementById(&#39;ceshi&#39;);//获取元素存储在变量中
            // document.write(&#39;结果:&#39;+myceshi);//输出变量
            alert(myceshi);
            document.write(&#39;结果:&#39;+myceshi);//输出变量
        </script>
    </head>
    <body>
        <div id="ceshi">I love javascript</div>
        <!-- <script type="text/javascript">
            var myceshi=document.getElementById(&#39;ceshi&#39;);//获取元素存储在变量中
            // document.write(&#39;结果:&#39;+myceshi);//输出变量
            alert(myceshi);
            document.write(&#39;结果:&#39;+myceshi);//输出变量
        </script> -->
    </body>
</html>

Nach dem Login kopieren

Es ist ein Objekt. Wenn wir ein Element bearbeiten möchten, müssen wir seine Eigenschaften oder Methoden verwenden. (Objekt HTMLParagraphElement ist das HTML-Absatzelement des Objekts. Was erhalten wird, ist das Element. Dieses Element ist auch das Objekt. Das erhaltene Objekt zeigt den darin enthaltenen Wert nicht an, daher wird das Objekt HTMLParagraphElement angezeigt. Wenn Sie den darin enthaltenen Wert extrahieren möchten, Verwenden Sie innerHTML, um es zu erhalten)

Die Methode getElementById() gibt einen Verweis auf das erste Objekt mit der angegebenen ID zurück.

Definiert mehrere Methoden zum Suchen von Elementen. Zusätzlich zu getElementById() gibt es auch getElementsByName() und getElementsByTagName().

Wenn Sie jedoch ein bestimmtes Element im Dokument finden müssen, ist getElementById() die effizienteste Methode.

Wenn Sie ein bestimmtes Element des Dokuments bearbeiten, ist es am besten, dem Element ein ID-Attribut zu geben und ihm einen eindeutigen Namen (im Dokument) zu geben. Anschließend können Sie diese ID verwenden, um das gewünschte Element zu finden.

【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene】

Das obige ist der detaillierte Inhalt vonSo erhalten Sie Seitenelemente über das ID-Attribut in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!