Maison > interface Web > js tutoriel > le corps du texte

Exemple d'implémentation JS de méthode pour accéder au nœud spécifié des compétences DOM object_javascript

不言
Libérer: 2018-04-04 17:19:19
original
1721 Les gens l'ont consulté

Cet article présente principalement la méthode JS pour accéder au nœud spécifié de l'objet DOM et analyse les compétences opérationnelles associées de javascript pour les attributs de nœud d'élément DOM sous forme d'exemples. Les amis dans le besoin peuvent se référer à ce qui suit

Les exemples de cet article décrivent que JS implémente la méthode d'accès au nœud spécifié de l'objet DOM. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :

Introduction

Utilisez la méthode

pour accéder au nœud avec l'identifiant spécifié et utilisez l'attribut getElementById()nodeName, l'attribut nodeType et l'attribut nodeValue pour afficher le nom du nœud, le type de nœud et la valeur du nœud.

1.

nodeNameAttribut

Cet attribut est utilisé pour obtenir le nom d'un nœud.

[sName=]obj.nodeName

sName : Variable de chaîne utilisée pour stocker le nom du nœud.

2.

nodeTypeAttribut

Cet attribut est utilisé pour obtenir le type d'un nœud.

[sType=]obj.nodeType

sType : Variable de chaîne, utilisée pour stocker le type de nœud, la valeur de ce type est numérique. Le type de ce paramètre est indiqué dans le tableau ci-dessous.


Type Valeur Nom du nœud Description
Élément) 1 balise Toute balise HTML ou XML
Attribut 2 Attribut Attribut dans la balise
Texte (texte) 3 #text Contient le texte dans la balise
Commentaire 8 #commentaire Commentaire HTML
Document 9 #document Objet Document
DocumentType (documentType) 10 DOCTYPE Spécification DTD

3. 🎜>nodeValuePropriété

Cette propriété renverra la valeur du nœud.

[txt=]obj.nodeValue

txt : La variable de chaîne est utilisée pour stocker la valeur du nœud À l'exception du type de nœud texte, les valeurs de nœud d'autres types. sont « nuls ».

La deuxième application

accède au nœud spécifié Dans cet exemple, le nom du nœud spécifié et le type du nœud sont affichés. dans la boîte de dialogue qui apparaît sur la page et la valeur du nœud.

Trois codes

<!DOCTYPE html>
<html>
<head>
<title>www.jb51.net 访问指定节点</title>
</head>
<body id="b1">
<h3 >三号标题</h3>
<b>加粗内容</b>
<script language="javascript">
 <!--
 var by=document.getElementById("b1");
 var str;
 str="节点名称:"+by.nodeName+"\n";
 str+="节点类型:"+by.nodeType+"\n";
 str+="节点值:"+by.nodeValue+"\n";
 alert(str);
 -->
</script>
</body>
</html>
Copier après la connexion

Popup à quatre exécutions La boîte d'invite suivante :

Recommandations associées :

Comment faire fonctionner les éléments DOM dans js

Explication détaillée de la liaison des événements DOM dans js

Dom Comment utiliser les attributs

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!