javascript DOM有用函数

原创 2015年07月06日 22:43:28

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 oldonload=window.onload;
if(typeof window.onload!=”function”){
window.onload=func;
}else{
window.onload=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;
}
}
路漫漫其修远兮,吾将上下而求索!

版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

100多个很有用的JavaScript函数以及基础写法大集合

1.document.write("");为 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的D...

100多个很有用的JavaScript函数以及基础写法大集合

不知道是东拼西凑还是有现成的……很大一部分函数都是Web开发者使用频率比较高的(使用JQuery,ExtJs等框架者除外……),还是相当有用的东西。不妨收藏一下:    1.document.wr...

转载的转载,不错的,100多个很有用的JavaScript函数以及基础写法大集合

今天看到一篇有关javascript的总结文章《100多个很有用的JavaScript函数以及基础写法大集合 》(转载地址:http://www.59niu.net)        1.docu...

100多个很有用的JavaScript函数以及基础写法大集合

1.document.write("");为 输出语句2.JS中的注释为//3.传统的HTML文档顺序是:document->html->(head,body)4.一个浏览器窗口中的DOM顺序是:wi...

100多个很有用的JavaScript函数以及基础写法大集合

转载地址:http://blog.minidx.com/2009/02/17/2110.html 1.document.write("");为 输出语句  2.JS中的注释为//  3.传统的HTML...

Javascript dom函数列表

  • 2008-11-24 11:37
  • 188KB
  • 下载

轻松学习JavaScript二十八:DOM编程学习之事件处理函数

在JavaScript语言中可以处理的事件类型可以分为:鼠标事件,键盘事件和HTML事件。对于于每一个事件,它都 有自己的触发范围和方式,如果超出了触发范围和方式,事件处理就会失效。所有的事件处理函...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)