HTMLDOM
DOM（文檔對象模型）是由W3C制定的一套訪問和操作XML（eXtensible Markup Language）文檔的標(biāo)準(zhǔn)，即API。比如DOM告訴JavaScript引擎如何在瀏覽器窗口中顯示和操作XML創(chuàng)建的標(biāo)記（Tag）。
成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比滁州網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式滁州網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋滁州地區(qū)。費(fèi)用合理售后完善，十多年實(shí)體公司更值得信賴。
由于HTML與XML的相似性及差異，JavaScript不僅實(shí)現(xiàn)了標(biāo)準(zhǔn)的DOM方法和屬性（即由W3C制定的），而且還實(shí)現(xiàn)了HTML特有的 DOM方法和屬性，前者稱為DOM Core，并不專屬于JavaScript，后者稱為HTML-DOM。不管是DOM Core還是HTML-DOM，我們在使用JavaScript的時(shí)候要注意瀏覽器之間的兼容性，因?yàn)椴煌臑g覽器對這兩類方法和屬性的支持可能不一樣。 這里不詳談DOM Core和HTML-DOM，以及跨瀏覽器兼容性，教材上都有詳細(xì)描述。但一般推薦使用DOM Core方法和屬性，盡管稍顯繁雜。
常見的Core DOM方法如下：
1、創(chuàng)建節(jié)點(diǎn)
createElement()
createTextNode()
2、復(fù)制節(jié)點(diǎn)
cloneNode()
3、插入節(jié)點(diǎn)
appendChild()
insertBefore()
4、刪除節(jié)點(diǎn)
removeChild()
5、替換節(jié)點(diǎn)
replaceChild()
6、查找和設(shè)置節(jié)點(diǎn)屬性
setAttribute()
getAttribute()
7、查找節(jié)點(diǎn)
getElementById()
getElementsByTagName()
hasChildNode()
常見的Core DOM屬性如下：
node.childNodes
node.firstChild
node.lastChild
node.nextSibling
node.previousSibling
node.parentNode
HTML DOM
table,tr,td{text-align:center;border:1px solid #000000;border-collapse:collapse;line-height:30px;}
table{margin:0px auto;}
td{width:200px;}
body{text-align:center;margin:0px auto;}
#frist{margin-top:20px;}
| 商品名稱 |
數(shù)量 |
價(jià)格 |
操作 |
| 防滑正品休閑鞋 |
12 |
￥568 |
|
| 抗疲勞項(xiàng)圈 |
5 |
￥49 |
|
該內(nèi)容為作者原創(chuàng)，轉(zhuǎn)載請聲明，違規(guī)必究！
function $(id){
return document.getElementById(id);
}
function addRow(){
var newRow=$("myTable").insertRow($("myTable").rows.length-1);
var col1=newRow.insertCell(0);
col1.innerHTML="幸福從天而降";
var col2=newRow.insertCell(1);
col2.innerHTML="50";
var col3=newRow.insertCell(2);
col3.innerHTML="￥18.5";
var col4=newRow.insertCell(3);
col4.innerHTML="";
}
function delRow(v){
var index=v.parentNode.parentNode.rowIndex;
$("myTable").deleteRow(index);
}
function show(){
var col=$("myTable").rows[1].cells[1].innerHTML;
alert(col);
}
function updateRow(v){
var row=v.parentNode.parentNode;
row.cells[0].lastNode;
for(var i=0;i
文章標(biāo)題：HTMLDOM
標(biāo)題URL：http://weahome.cn/article/jhhhgo.html
重慶分公司
重慶分公司
