什么是 HTML DOM?
简单的说就是HTML的文档对象模型,也就是关于如何修改,删除,添加,修改html的标准。
常见的js对dom的操作?
(1)此时把html元素都当成对象。
getElmentById()方法,返回带有指定id的元素。
(2)inneHTML获取元素的内容。
例如doucument.getElementById("app").innerHTML;返回具有id为app的HTML对象的(标签内)包含的内容。
访问元素节点的方法: getElementById() ,getElementsByTagName(), getElementsByClassName()
(3)HTML修改
常见的一般是修改元素,属性,样式和事件。
方法:document.getElementById("id").innerHTML="string";修改内容;修改样式例如document.getElementById("p2").style.color="blue";
如果需要向新的Html元素添加新的节点,首先需要创建新的节点,然后追加到已有元素上,例如:
var node=document.createElement("p");
ver r1=document.createTextNode("new text");
node.appendChild(r1);
也可以用insertBefore()方法,
移除节点,removeChild,替换元素replaceChild() 。
网友评论