javascript DOM有用函数

javascript是一种脚本语言,DOM是文档对象模型,它是加载在浏览器窗口当前网页的一个文档映射,用来解析文档!作用是提供这样一个标准模型,其实就是一个API接口,然后就可以通过脚本语言对文档进行访问(修改,删除、添加元素)。DOM模型是一种树模型,也可以成为节点模型,包括元素节点,文本节点,属性节点!这个接口提供了很多属性及方法使脚本语言(不仅限于javascript)来操作文档。
获取元素节点:document.getElementById()、 document.getElementsByTagName()、 document.getElementsByClassName()、document.getAttribute()、 document.setAttribute()。(注:均未给参数)
DOM几个属性:childNodes、parentNode、nextSlibing、 previousSbling、firstChild、lastChild、nodeType、nodeName、nodeValue.
DOM动态创建标记:createElement()、createTextNode()、appendChild()、insertBefore()。(注:均未给参数)
操作DOM的过程中还会有很多常用的操作,但DOM并没有给出相应的函数直接操作:现给出几个以后经常会用到,并且可以直接加载到js文件中应用的函数:
1.DOM没有提供一个向元素节点这后插入一个元素节点的方法,运用已有的DOM操作自己编写一个实现该功能的函数:
function insertAfter(newElement,targeElement)}{
var parent=targeElement.parentNode;
if(parent.lastChild==targeElement){
parent.appendChild(newElement);
}else{
parent.insertBefor(newElement,targeElement.nextSibling);
}
}
2.onload事件在HTML文档加载完时只能执行一个函数,如下函数可以实现执行任意多个的函数,只需调用该函数就可:
function addLoadEvent(func){
var oldοnlοad=window.onload;
if(typeof window.onload!=”function”){
window.οnlοad=func;
}else{
window.οnlοad=function(){
oldonload();
func();
}
}
}
3.该函数可以实现向一个元素追加任意个class属性,实现样式的控制:
function addClass(element,value){
if(!element.className){
element.className=value;
}else{
newClassName=element.className;
newClassName+=”“;
newClassName+=value;
element.className=newClassName;
}
}
路漫漫其修远兮,吾将上下而求索!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值