DOM 方法


document.getElementByTagID(Tagname) 

1.因为文档中的 id 属性是唯一,所有 document.getElementByTagID() 方法返回的是一个元素。

document.getElementsByName(name)  

1. 因为文档中的 name 属性可能不唯一,所有 getElementsByName() 方法返回的是元素的数组,而不是一个元素。

2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,从0开始。

document.getElementsByTagName(Tagname)

1. Tagname是标签的名称,如p、a、img等标签名。

2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,所以从0开始。

elementNode.getAttribute(name)

1. name:要想查询的元素节点的属性名字

elementNode.setAttribute(name,value)

1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性,该方法将创建一个新属性。

2.类似于getAttribute()方法,setAttribute()方法只能通过元素节点对象调用的函数。

nodeType: 元素=1、属性=2、文本=3、注释=8、文档=9

elementNode.childNodes

1.如果选定的节点没有子节点,则该属性返回不包含节点的 NodeList。

2.部分浏览器节点之间的空白区域,为空白符,需要判断if(nodeType != 1)。

node.firstChild

1.属性返回‘childNodes’数组的第一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。

2.与elementNode.childNodes[0]是同样的效果。

node.lastChild

1.属性返回‘childNodes’数组的最后一个子节点。如果选定的节点没有子节点,则该属性返回 NULL。

2.与elementNode.childNodes[elementNode.childNodes.length-1]是同样的效果。

elementNode.parentNode

1.父节点只能有一个。

2.访问祖节点elementNode.parentNode.parentNode。

nodeObject.nextSibling

1.如果无此节点,则该属性返回 null。

nodeObject.previousSibling

1.如果无此节点,则该属性返回 null。

appendChild(newnode)

insertBefore(newnode,node);

node.replaceChild (newnode,oldnew )

1. 当 oldnode 被替换时,所有与之相关的属性内容都将被移除。

2. newnode 必须先被建立。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,807评论 0 8
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
    mo默22阅读 1,345评论 0 5
  • 变量命名、声明、赋值 1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。2.变量名区分...
    wq04200阅读 647评论 0 1
  • 01 宋代美学为现在的很多小伙伴喜欢。 事实上,宋代的画家是很热衷表达季节的,早春图、溪山图、万壑松风图... 尤...
    赵小文儿阅读 1,065评论 21 24
  • 展览是关于香港漫画家的介绍与作品展览,具体名称找不到了。。纯属跟着熊混。。 所以直接看图~! 凑近看,许多涂改液痕...
    三只小路阅读 488评论 6 5