ఎక్సిఎమ్ఎల్ డామ్ నోడ్స్ క్లోన్ చేయడం

నోడ్ జోడించండి - appendChild()

appendChild() పిల్లవాడిని ప్రస్తుత నోడ్ కు జోడించే మాదిరి మాదిరి.

కొత్త నోడ్ ఏ ఎలాంటి పిల్లవాడి తర్వాత జోడించబడవచ్చు.

గమనిక:నోడ్ స్థానం ముఖ్యం అయితే, insertBefore() ఉపయోగించండి.

ఈ కోడ్ స్పష్టంగా ఒక ఎలిమెంట్ (<edition>) సృష్టించి, అది మొదటి <book> ఎలిమెంట్ యొక్క చివరి పిల్లవాడి తర్వాత జోడిస్తుంది:

ఉదా 1

newEle = xmlDoc.createElement("edition");
xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);

亲自试一试

ఉదాహరణ వివరణం:

  1. ఇది ఉంది: books.xml లోడ్ చేయబడింది xmlDoc లో
  2. కొత్త నోడ్ <edition> సృష్టించండి
  3. మొదటి <book> ఎలిమెంట్ కు నోడ్ జోడించండి

ఈ కోడ్ స్పష్టంగా పైని కోడ్ తో అదే పని చేస్తుంది, కానీ కొత్త ఎలిమెంట్ కు ఒక విలువ జోడించబడింది:

ఉదా 2

newEle = xmlDoc.createElement("edition");
newText=xmlDoc.createTextNode("మొదటి ఎడిషన్");
newEle.appendChild(newText);
xmlDoc.getElementsByTagName("book")[0].appendChild(newEle);

亲自试一试

ఉదాహరణ వివరణం:

  1. ఇది ఉంది: books.xml లోడ్ చేయబడింది xmlDoc లో
  2. కొత్త నోడ్ <edition> సృష్టించండి
  3. కొత్త టెక్స్టు నోడ్ సృష్టించండి "మొదటి ఎడిషన్"
  4. ఈ టెక్స్టు నోడ్ ను <edition> నోడ్ కు జోడించండి
  5. <edition> నోడ్ ను <book> ఎలమెంట్ కు జోడించండి

నోడ్ జోడించడం - insertBefore()

insertBefore() ఈ మాధ్యమం ప్రస్తుత పిల్లవర్గానికి ముందు నోడ్ జోడించుతుంది.

జోడించబడిన నోడ్ స్థానం ముఖ్యం అయితే, ఈ మాధ్యమం అత్యంత ఉపయోగపడుతుంది:

实例

newNode = xmlDoc.createElement("book");
x = xmlDoc.documentElement;
y = xmlDoc.getElementsByTagName("book")[3];
x.insertBefore(newNode,y);

亲自试一试

ఉదాహరణ వివరణం:

  1. ఇది ఉంది: books.xml లోడ్ చేయబడింది xmlDoc లో
  2. కొత్త ఎలమెంట్ నోడ్ <book> సృష్టించండి
  3. ఈ కొత్త నోడ్ ని చివరి <book> నోడ్ ముందు జోడించండి
  4. ఇఫ్ insertBefore() యొక్క రెండవ పరామితి null ఉంటే, కొత్త నోడ్ చివరి ప్రస్తుత పిల్లవర్గానికి తర్వాత జోడించబడుతుంది.

x.insertBefore(newNode,null) మరియు x.appendChild(newNode) ని కి కొత్త పిల్లవర్గాన్ని జోడించవచ్చు.

కొత్త అమరికను జోడించండి

setAttribute() ఈ మాధ్యమం అమరికను అమర్చుతుంది.

అమరిక లేకపోతే setAttribute() కొత్త అమరికను సృష్టించడానికి ఈ మాధ్యమం ఉపయోగించవచ్చు:

实例

xmlDoc.getElementsByTagName('book')[0].setAttribute("edition","మొదటి ఎడిషన్");

亲自试一试

ఉదాహరణ వివరణం:

  1. ఇది ఉంది: books.xml లోడ్ చేయబడింది xmlDoc లో
  2. మొదటి <book> ఎలమెంట్ యొక్క "edition" అమరికను "మొదటి ఎడిషన్" విలువకు మార్చండి

గమనిక:addAttribute() పేరుతో మాధ్యమం లేదు, నిర్ధారణం లేకపోతే setAttribute() కొత్త అమరికను సృష్టిస్తుంది. అమరిక ఉన్నప్పుడు, setAttribute() మాధ్యమం ప్రస్తుత విలువను అధిగమిస్తుంది.

టెక్స్టును టెక్స్టు నోడ్లకు జోడించండి - insertData()

insertData() ఈ మాధ్యమం ప్రస్తుత టెక్స్టు నోడ్లలో డేటాను ప్రవేశపెట్టుతుంది.

insertData() ఈ మాధ్యమంలో రెండు పరామితులు ఉన్నాయి:

  • offset - నుండి అక్షరాలను ఎక్కడ ప్రవేశపెట్టాలి (0 నుండి ప్రారంభించండి)
  • string - 要插入的字符串

下面的代码片段会将 "我最爱的" 添加到已加载的 XML 的第一个 元素的文本节点:</p> <h3>实例</h3> <pre class="language-js"> xmlDoc.getElementsByTagName("title")[0].childNodes[0].insertData(0,"我最爱的"); </pre> <p class="tiy"><a target="_blank" href="/te/tiy/t.html?f=xml_dom_insertdata">亲自试一试</a></p> </section> <div class="prenextnav"> <ul> <li> 上一页 <a href="/te/xml/dom_nodes_create.html" title="ఎక్సిఎమ్ఎల్ డామ్ నోడ్స్ జోడించడం">DOM 创建节点</a></li> <li> 下一页 <a href="/te/xml/dom_nodes_clone.html" title="ఎక్సిఎమ్ఎల్ డామ్ నోడ్స్ ఇన్స్టాన్స్">DOM 克隆节点</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div> <!-- maincontent end --> <div id="sidebar"> <div><h3><center> 工具箱 </center><h3> <h5 id="tools_reference"><a href="/te/xml/xml_reference.html">XML 参考手册</a></h5> <h5 id="tools_example"><a href="/te/xml/xml_examples.html">ఎక్సిఎమ్ఎల్ ఇన్స్టాన్స్</a></h5> <h5 id="tools_quiz"><a href="/te/xml/xml_quiz.html">ఎక్సిఎమ్ఎల్ పరీక్ష</a></h5> </div> <div><h3><center> 赞助商链接 </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com 提供的内容仅用于培训和测试,不保证内容的正确性。通过使用本站内容随之而来的风险与本站无关。版权所有,保留一切权利。 </p> <p id="p2"> <a href="/te/about/index.html" title="CodeW3C.com గురించి">CodeW3C.com గురించి</a> <a href="/te/about/about_helping.html" title="CodeW3C.com సహాయం">CodeW3C.com సహాయం</a> <a href="/te/about/about_use.html" title="ఉపయోగం గురించి">ఉపయోగ నిబంధనలు</a> <a href="/te/about/about_privacy.html" title="గోప్యత గురించి">గోప్యత నిబంధనలు</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="పవర్డ్ బై సీ4ఈ కం"></a> </p> </div> </div> <!-- wrapper end --> <script src="/myjs/tongji.js"></script> </body> </html>