节点属性

							节点属性
开发工具与关键技术:
撰写时间:2019.6.3

节点属性的三种方法和描述:
第一种:nodename:它返回一个字符串,其内容是给定节点的名字
第二种:nodetype:它返回的是一个整体,而这个数值代表的给定节点的类型,比如:元素类型、节点类型:元素:1、 属性:2、文本:3、注释:8、文档:9.
第三种:nodevalue:这所谓的就是元素,就是给定节点的当前值nodevalue。
Childnodes当中有很多子节点,所以可以使用数组,body.Childnodes可以获取到body下面的子集标签,乘级关系就是父,他也有子,特定的某一个节点可以用nextsibing,特定某一个节点的上一个节点previoussibing。
文档对象模型:
在这里插入图片描述
遍历节点树的方法和它的描述:
Childnodes:返回一个数组,这个数组由給定元素节点的子节点构成。
Fristchcild:返回第一个子节点
Lastchild:它返回最后一个子节点
Parentnode:它返回一个给定节点的父节点
Nextsibling:它返回给定节点的下一个节点
Previousibling:它返回給节点的上一个节点
Dom操作的方法和具体的描述:
在这里插入图片描述
对于一个标签来说有属性样式事件值那么多个的部分,

  • Javascript
  • ,createElement不仅创建了一个新的元素
  • 而且还要给它添加creatextnode文本值去使用,添加就是从无到有,删除就是从有到无,替换就是改变内容,注意:1、因为文档中的name属性可能不是唯一的,所有getelementname()方法返回的是元素的数组,而并不是一个元素。
    2、和数组类似也有length属性,它是可以和访问数组一样的方法来访问,当然一切从零开始:
    在这里插入图片描述
    对于上面所述,我们有三种方法找到元素:1、通过id找到html元素、2、通过标签名找到html元素、3、通过类名找到html元素,而getelementsbyname就是类名,name=”myt“标签中的类名,获取类名用getelementsbyname,是因为类名有很多个,而且这里面得到的是多个元素,并且得到的是数组的形式,我们既然已经把标签弄成了节点,那么就要去学会如何获取节点,当我找到了节点之后,我可以为节点做些什么内容,获取标签名getelementsbyname,获取到页面的li标签,因为他获取的不仅是一个集合,二集合就是一个数组,所以就可以用for循环了Innerhtml,而它就是获取了文本内容,Innerhtml获取每一个li标签它的内容,通过这样的一个东西获取到的也是一个文档的集合。
    Tagname也是标签的名称,如:p、a、img、等标签名,和数组类似也有length属性,可以说访问数组一样的方式去访问,所以他也是从零开始,例如:
    在这里插入图片描述
    Name,是它的名字,可以重复,所以通过geitelementbyname获取名字相同的人的集合,tagname可看似某类,getelementbyname获取相同同类的人的集合,比如获取小孩这类如
    人:getelementbyname(“小孩”) 在这里插入图片描述
    document.getelementbyname(“input”)[0],这里获取的不但是一个数组,而且是可由直接获取数组里面的元素,var p = document.createlement(“p”),创建一个节点,p.innerhtml = “p标签”,就相当于给p标签添加了内容,parent.insertbefore(p,node),将这一个给定节点插入到一个给定元素节点的给定子节点的前面,凡是把p标签插入到input标签里面去,放的位置是在input之前,id获取的就是唯一的,通过类名和标签名获取的就是一个集合。
    Getattribute获取节点属性,
  • html
  • 属性的值,获取多个title,判断是否为空,不为空就要输出来,Getattribute通过元素节点的属性名称获取属性的值,语法:elementnode.Getattribute(name),说明:1、elementnode:使用getelementbyid()、getelementbyname()等方法,获取到的元素节点,2、name:要想查询的元素节点的属性名字:如下列所示:
    在这里插入图片描述
    Getattribute()设置属性值,Getattribute方法增加一个指定名称和一个指定的新属性,或者是把现有的属性设定为指定的值
  • html
  • 第一个是title属性的名称,第二个是具体的值:”第一个li2121”,语法:elementnode.Getattribute(name,value):
    Name:要设置的属性名、value:要设置的属性值,注意:把指定的属性设置为指定的值,如果不存在它具有名称的属性,该方法就要去创建一个新属性,类似于Getattribute()方法,Getattribute不然只能通过元素节点对象调用的函数:
    在这里插入图片描述
    Nodevalue属性:节点的值:元素节点中的nodevalue是undefined或null,文本节点的nodevalue是文本自身,属性节点的nodevalue是属性的值
    在这里插入图片描述
    访问子节点childnodes,访问选定元素节点下的所有子节点的列表,返回的值可以看作是一个数组,它具有length属性,注意:如果选定的节点没有子节点,则该属性返回不包含节点的nodelist。
    Appendchild指定追加的节点:创建li标签,给li标签添加一个文本内容,添加一个子集:
    在这里插入图片描述
    删除removechild:childnodes获取它的所有子集,这代码就是删除第二个标签:
    在这里插入图片描述
    替换元素节点replacechild(),实现子节点(对象)的替换,返回被替换对象的引用,语法:
    Node.replacechild(newnode,oldnew),参数:newnode:必须,用于替换oldnew的对象,oldnew:必须,被newnode替换的对像,创建一个东西出来才可以替换,createtextnode创建一个文本节点,var newnodetext = document.createtextnode(“javascript”);这两个是同等的,所以这两个都可以用,第一个一句代码就可以,但是第二句还要有:newnode.appendchild(newnodetex),这一句才能替换,作用就是把javascript给到p标签,新创建的节点要放在前面,已知的节点要放在后面,这样才能实现新的节点替换旧的节点:
    在这里插入图片描述
    在这里插入图片描述
    上面的例子返回包含文档中所有的p标签元素的列表,并且这些p标签元素应该是:
    Var x =document.getelementbyid(“main”).getelementsbytagname(“p”,)它们之间也可以拼接来使用,找到intoid是这个main一个子标签,当它拼接起来的时候是一个子标签。

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值