DOM:就是用JavaScript操作html节点。 知识点: 看到HTML会画DOM树。 varnodeObj = document.createElement(“节点名”); //创建元素节点 document.createTextNode(“文本”); //创建文本节点 父节点.appendChild(子节点); //把子节点添加到父节点下 父节点.removeChild(子节点); //获得节点 document.getElementById(“id号”); document.getElementsByTagName(“html的标签名”)[0]; 父节点.getElementsByTagName(“html的标签名”)[0]; //获得子元素的节点 父节点.childNodes 父节点.firstChild 父节点.lastChild //节点的属性 nodeType 1元素节点 2属性节点 3文本节点 nodeName 元素节点使用,返回标签名的大写字符串 nodeValue 文本节点使用,返回或设置文本 //获得兄弟节点 当前节点.nextSiblings 节点.setAttribute(属性名,值); 节点.getAttribute(属性名); p.setAttrubute(“style”,”color:red;font-size:20px;”); //一般做法,可以设置或获取 节点.属性名 文本节点.nodeValue=文本;
点小图看大图的效果想必很多的朋友都有见到过吧,下面有个不错的示例,感兴趣的朋友可以参考下
Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
来源: