首頁 > 開發者 > JavaScript
標籤：
<html><head><title>DOM對象</title><script type="text/javascript">function $(id) {return document.getElementById(id);}function insertText() {var val = window.prompt("請輸入","");//alert(val);if(val == null || val == "") return;//建立元素節點var op = document.createElement("p");//建立文本節點var ot = document.createTextNode(val);//添加子節點 設立關係op.appendChild(ot);var panel = $("opt");//添加到頁面panel.appendChild(op);} function insertImg () {var img = document.createElement("img");//設定屬性img.setAttribute("src","2.gif");$("opt").insertBefore( img, $("opt").firstChild); } function deleteText() {//alert($("opt").lastChild.nodeName);var a = $("opt").childNodes;var b = new Array();var obj = null;for(var i = 0,j = 0; i < a.length; i++ ) {if(a[i].nodeType == Node.TEXT_NODE) { continue; }b[j] = a[i];j++;}$("opt").removeChild(b[b.length -1]); }</script></head><body><div >DOM對象操作</div> 1.</br><div id="opt"> <p>javase</p> <p>oracle</p> <p>xml</p></div>2.</br> <input type="button" value="填加段落" onclick="insertText()"/> <input type="button" value="插入圖片" onclick="insertImg()"/> <input type="button" value="刪除最後" onclick="deleteText()"/> </body></html>
javascript DOM對象 第19節
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
