suchen

Heim >Web-Frontend >js-Tutorial >JavaScript steuert die Fähigkeiten zum Abrufen von Webseitenelementen_javascript

JavaScript steuert die Fähigkeiten zum Abrufen von Webseitenelementen_javascript

WBOY
WBOYOriginal
2016-05-16 15:08:211404Durchsuche

Empfohlene Lektüre: JavaScript Controls Web Pages – DOM

JavaScript steuert Webseiten – CSS und DOM

Verwenden Sie DOM, um HTML aufzuteilen

Die Verwendung von JavaScript zur Steuerung von Webinhalten ähnelt eigentlich dem Kochen. Es besteht keine Notwendigkeit, die Reste aufzuräumen, aber es gibt keine Möglichkeit, die köstlichen Ergebnisse zu genießen.

Sie können jedoch die HTML-Komponenten von Webinhalten vervollständigen: Noch wichtiger ist, dass Sie Webseitenkomponenten ersetzen können.

JavaScript ermöglicht es Ihnen, den HTML-Code von Webseiten nach Ihren Wünschen zu manipulieren und öffnet so die Tür zu allen möglichen interessanten Möglichkeiten, alles aufgrund der Existenz des Standardobjekts: DOM

getElementById

HTML标签都有一个"id"属性,第个标签的该属性都是独一无二的
可以通过id属性来获取元素
<body>
<div id="div1">
<div id="div2">
内容
</div>
</div>
</body>
var sceneDesc=document.getElementById("div2");
getElementById可以通过元素的id属性去访问标签
括号里是id的值

getElementsByTagName

也可以通过标签名来获取元素
<body>
<div id="div1">
<div id="div2">
<div id="div3">
内容
</div>
</div>
</div>
</body>
var divs=document.getElementsByTagName("div");
getElementsByTagName返回所有div标签,结果是一个数组,结果按照标签在HTML中的顺序排列
括号里是标签名
var divs=document.getElementsByTagName("div")[2];
用索引获取第三个div标签

innerHTML

innerHTML特性对所有存储在元素里的内容提供了访问管道
通过innerHTML访问元素内存储的内容：
<div id="div1">
<p id="story"> you are standing</p>
<strong>alone</strong> in the woods.
</div>
</body>
document.getElementById("story").innerHTML;
返回的内容是： you are standing alone in the woods.
innerHTML获取的是指定元素下的所有内容与标签
innerHTML也能用于设置网页内容
document.getElementById("story").innerHTML="You are <strong>not</strong> alone!";
innerHTML只用来设置可以包含文本的标签

Das ist alles Wissen über die Steuerung von Webseiten mit JavaScript – das Erhalten von Webseitenelementen. Ich hoffe, es wird Ihnen hilfreich sein!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：JavaScript erkennt, dass die DIV-Ebene angezeigt wird und der Seitenhintergrund allmählich halbtransparent wird. Javascript-FähigkeitenNächster Artikel：JavaScript erkennt, dass die DIV-Ebene angezeigt wird und der Seitenhintergrund allmählich halbtransparent wird. Javascript-Fähigkeiten

In Verbindung stehende Artikel

Mehr sehen