Exemple de code pour le modèle objet de document

A B 链接

Bonjour tout le monde !

Bienvenue sur DOM World!

var nodeStatus = function (node) { var temp = "" ; if (node.nodeName != null) { temp += "nodeName:" + node.nodeName + "n"; > else { temp += "nodeName :null!n"; // ,n }

if (node.nodeType != null) { temp += "nodeType:" + node.nodeType + "n"; } else { temp += "nodeType:null!n"; }

if (node.nodeValue != null) { temp += "nodeValue :" + node.nodeValue + "n"; } else { temp += "nodeValue:null!n"; >

température de retour; }

var currentElement = document.getElementById('p1'); var msg = nodeStatus(currentElement); //alert(msg); var firstChild = currentElement.firstChild; Msg + = nodestatus (firstchild);

// 父亲 的 下 一 个 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 儿子 弟弟 弟弟 var NodeStatus (Youngerbrother);

//2弟的儿子=p父亲的大孙子 var grandSon = youngBrother.firstChild; msg += nodeStatus(grandSon);

//孙子的父亲 var grandSonParent = grandSon.parentNode; msg += nodeStatus(grandSonParent);

//孙子的父亲的兄长 var grandSonParentElderBrother = grandSonParent.previousSibling msg += nodeStatus (grand-filsParentElderBrother) ;

// 大哥 的 父亲 var parent = petit-filsparentelderbrother.parentNode; msg + = nodestatus (parent);

// 父亲 的 小 儿子 var lastchild = parent.lastChild; msg += nodeStatus(lastChild);

//父亲的所有儿子 var allChildInfo = ""; var allChild = parent.childNodes; pour (var je = 0; je &Lt ; allChild.length; i++) { allChildInfo += nodeStatus(allChild[i]); }

//alert(msg); Beans Fromage Lait var oPurchases = document.getElementById( 'purchases'); var items = document.getElementsByTagName("li");

var info = typeof (oPurchases) + ' '; pour (var i = 0 ; i info += typeof (items[i]) + " "; }

//document.write(info) ; A B C D var rdItems = document.getElementsByName("rdGroup"); var rdInfo = ""; pour (var i = 0; je &Lt ; rdItems.length; i++) { rdInfo += nodeStatus(rdItems[i]) + 'n'; }

//alert(rdInfo);

id="pSample"> Ceci est le premier échantillon !

var oSample = document.getElementById(' pSample'); var attr = ""; //取得所有属性内容 attr += "原标题是：" + oSample.getAttribute(" titre") + 'n' ; attr += "样式是：" + "color=" + oSample.getAttribute("style").color + ",fontSize=" + oSample.getAttribute ("style").fontSize + 'n';

//alert(attr);

//改变属性内容,新增一个名字的属性 oSample.setAttribute( "title", "newTitle"); oSample.setAttribute("name", "pName");

attr += "新标题是：" + oSample.getAttribute("title ") + 'n' + "新名字是：" + oSample.getAttribute("name");

//alert(attr);

//删除属性 oSample.removeAttribute("name");

attr += "n现在的名字是：" + oSample.getAttribute("name");

//alert (attr);

var createElement = function () { var eleInfo = "";

//段落 var newParagraph = document.createElement ('p');

eleInfo += nodeStatus(newParagraph) + 'n';

//文本内容(儿子) var newTextNode = document.createTextNode( '我是段落里面的文字');

eleInfo += nodeStatus(newTextNode) + 'n';

newParagraph.appendChild(newTextNode);

//第一个儿子 eleInfo += nodeStatus(newParagraph.firstChild) + 'n';

document.body.appendChild(newParagraph);

//return eleInfo; }

//alert(createElement());

//Insérer un nouvel élément var doInsertBefore = function (o) { var myDiv = document.getElementById('myDiv'); //Obtenir l'élément Div var newInput = document.createElement ( 'input'); //Nouvel élément d'entrée ; //Insérer une nouvelle zone de texte devant le bouton }

var doRemoveChild = function (o) {

var myDiv = o.parentNode; //élément parent Récupère le nœud parent de l'objet actuel var firstChild = myDiv.firstChild; //Le premier nœud enfant du nœud parent //alert(firstChild.value })

"doRemoveChild(this)"/>

Exemple de code pour le modèle objet de document

Articles Liés