ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

HTML DOM nodeName Propery

<ธาตุวัตถุ

ตัวอย่าง

ได้รับชื่อโหนดของ <p> องค์ประกอบ:

var x = document.getElementById("myP").nodeName;

ผลของ x จะเป็น:

P
ลองตัวเอง»

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง


ความหมายและการใช้งาน

คุณสมบัติ NodeName ส่งกลับชื่อของโหนดที่ระบุ

ถ้าโหนดเป็นโหนดองค์ประกอบคุณสมบัติ NodeName จะกลับชื่อแท็ก

ถ้าโหนดเป็นโหนดแอตทริบิวต์คุณสมบัติ NodeName จะกลับมาชื่อของแอตทริบิวต์

สำหรับโหนดประเภทอื่น ๆ คุณสมบัติ NodeName จะกลับชื่อแตกต่างกันชนิดโหนดที่แตกต่างกัน

เคล็ดลับ: คุณยังสามารถใช้ tagname คุณสมบัติการกลับมาแท็กชื่อขององค์ประกอบ ความแตกต่างคือ tagname เท่านั้นกลับชื่อแท็กในขณะที่ผลตอบแทน NodeName ชื่อของโหนดทั้งหมด (tags, attributes, text, comments)

สถานที่แห่งนี้เป็นอ่านอย่างเดียว


สนับสนุนเบราว์เซอร์

คุณสมบัติ
nodeName ใช่ ใช่ ใช่ ใช่ ใช่

วากยสัมพันธ์

node .nodeName

รายละเอียดทางเทคนิค

กลับค่า: เชือกคิดเป็นชื่อของโหนด

ค่าที่เป็นไปได้:

  • ส่งกลับ tagname สำหรับโหนดองค์ประกอบในตัวพิมพ์ใหญ่
  • ส่งกลับชื่อของแอตทริบิวต์สำหรับโหนดแอตทริบิวต์
  • ผลตอบแทน "#text" สำหรับโหนดข้อความ
  • ผลตอบแทน "#comment" สำหรับโหนดแสดงความคิดเห็น
  • ผลตอบแทน "#document" สำหรับโหนดเอกสาร
DOM รุ่น ระดับแกนวัตถุ 1 โหนด

ตัวอย่าง

ตัวอย่างอื่น ๆ

ตัวอย่าง

ได้รับชื่อโหนดของ <body> องค์ประกอบ:

var x = document.body.nodeName;

ผลของ x จะเป็น:

BODY
ลองตัวเอง»

ตัวอย่าง

รับชื่อโหนดของ <body> องค์ประกอบของโหนดลูก:

var c = document.body.childNodes;
var txt = "";
var i;
for (i = 0; i < c.length; i++) {
    txt = txt + c[i].nodeName + "<br>";
}

document.getElementById("demo").innerHTML = txt;

ผลจากการ txt จะเป็น:

#text
P
#text
BUTTON
#text
P
#text
#comment
#text
DIV
#text
P
#text
SCRIPT
#text
ลองตัวเอง»

ตัวอย่าง

ได้รับชื่อโหนดค่าโหนดและชนิดของโหนของ <div> องค์ประกอบของโหนดลูกคนแรก:

<div id="myDIV">This is a div element.</div>

<script>
var x = document.getElementById("myDIV").firstChild;
var txt = "";
txt += "The node name: " + x.nodeName + "<br>";
txt += "The node value: " + x.nodeValue + "<br>";
txt += "The node type: " + x.nodeType;
</script>

ผลจากการ txt จะเป็น:

The node name: #text
The node value: This is a div element.
The node type: 3
ลองตัวเอง»

หน้าเว็บที่เกี่ยวข้อง

อ้างอิง HTML DOM: องค์ประกอบ tagname ทรัพย์สิน

อ้างอิง HTML DOM: โหนด NodeType ทรัพย์สิน

อ้างอิง HTML DOM: โหนด nodeValue ทรัพย์สิน

อ้างอิง HTML DOM: โหนด childNodes ทรัพย์สิน


<ธาตุวัตถุ