javascript dom编程艺术

getAttribute()方法

检索元素属性的值,参数是查询属性的名字

语法:object.getAttribute(attribute)


setAttribute()方法

修改元素属性的值,有两个参数

语法:object.setAttribute(attribute,value)


childNodes属性

返回所有子节点的数组

语法:element.childNodes


nodeType属性

总共有12个值,仅有3种有实用价值。

元素节点值1,属性节点值2,文本节点值3

语法:node.nodeType


nodeValue属性

检索和设置元素节点的值

语法:node.nodeValue


firstChild属性

lastChild属性


createElement()方法

创建新的元素节点

语法:document.createElement(nodeElement)


appendChild()方法

添加子元素

语法:parent.appendChild(child)


createTextNode()方法

创建文本节点

语法:document.createTextNode("text")


insertBefore()方法

在目标元素前插入元素节点

语法:parentElment.insertBefore(newElement,targetElement)


parentNode属性

父元素节点

e.g  gallery.parentNode.insertBefore(placeholder,gallery)


*在目标元素后插入元素节点 (DOM没有此操作方法,自行编写)

function insertAfter(newElement,targetElement){

  var parent=targetElememt.parentNode;

  if(parent.lastChild==targetElement){

    parent.appendChild(newElement);

    }

  else{

    parent.insertBefore(newElement,targetElement.nextSibling);

       //nextSibling属性,返回下一个兄弟节点

    }

}


setTimeOut() 定时器

语法:setTimeOut("function",interval)

clearTimeOut() 清除定时器

语法:clearTimeOut(variable)


parseInt(string)方法  返回整数值


Math.ceil(number)方法  向大于number方向进行整数舍入


博主设置当前文章不允许评论。

没有更多推荐了,返回首页