是什么:
DOM文档对象模型是基于HTML树的api,这里可以把HTML结构看成是一颗树形结构,使用DOM可以操作树中的节点,即操作(增删改查)HTML标签。
获取对象:
getElementById
getElementsByName
getElementsByTagName
hasChildNodes:判断当前html标签对象下是否包含子节点
文档中每个节点都有这三个属性:
replaceNode替换节点
getAttribute获取标签中的属性,
var username = document.getElementById("name");
var nameType = username.getAttribute("type");
alert(nameType);
setAttribute给对象添加属性
var d1 = document.getElementById("d1");
d1.setAttribute("style","color:red");
createElement可以创建一个标签,createTextNode向标签中添加文本
//创建option标签
var optionNew = document.createElement("option");
//添加属性
optionNew.setAttribute("value","run");
//添加文本
var txt = document.createTextNode("跑步");
optionNew.appendChild(txt);
//将标签加入到select中
var hobby = document.getElementById("hobby");
hobby.appendChild(optionNew);
insertBefore在指定位置之前插入标签。
removeChild删除指定元素。
innerHTML获取对象的内容
原文:https://www.cnblogs.com/feichangnice/p/10836547.html