ドキュメントオブジェクトモデルのコード例

A B 链接

Hello World!

へようこそ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"; }

return temp; }

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

//父亲的下一儿子->弟 var youngBrother = firstChild.nextSibling; msg += nodeStatus(youngerBrother);

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

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

/ /孙子の父亲の兄长 var grandSonParentElderBrother = grandSonParent.previousSibling msg += nodeStatus(grandSonParentElderBrother);

//大哥の父亲 varparent = grandSonParentElderBrother.parentNode; msg += nodeStatus(parent);

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

//父亲的所有儿子 var allChildInfo = ""; var allChild =parent.childNodes; for (var i = 0 ;私は＜ allChild.length; i++) { allChildInfo += nodeStatus(allChild[i]); }

//alert(msg); 豆 チーズ ミルク var oPurchases = document.getElementById('purchases'); var items = document.getElementsByTagName("li");

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

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

//alert(rdInfo);

id="pSample"> これは最初のサンプルです!

var oSample = document.getElementById('pSample'); var attr = ""; //すべてのプロパティコンテンツを取得します attr += "原标题是：" + oSample.getAttribute("title") + '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());

// 新しい要素を挿入します var doInsertBefore = function (o) { var myDiv = document.getElementById('myDiv') // Div 要素を取得します var newInput = document.createElement('input');新しい入力要素 newInput.value = new Date().toLocaleString(); var targetElement = o; //DOM オブジェクト' s ' s ' を使用します。 ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ ‐ toLocaleString (); }

var doRemoveChild = function (o) { var myDiv = o.parentNode; //親要素 現在のオブジェクトの親ノードを取得します

var firstChild = myDiv.firstChild; // の最初の子ノード親ノード //alert(firstChild.value); myDiv.removeChild(firstChild) //Remove }

ドキュメント オブジェクト モデルのコード例

関連記事

ドキュメントオブジェクトモデルのコード例