zoukankan      html  css  js  c++  java
  • 第十章—DOM(二)——Element类型

    Element类型用于表现HTML和XML,提供了对元素标签名,子节点和特效的访问。Element节点具有以下特征:

    要访问元素的标签名,可以使用nodeName属性,也可以使用tagName属性。这两个属性都返回相同的值。

    这里输出的是大写的DIV

    在HTML中,标签名始终是以大写形式表示;在XML中,标签名始终和源代码保持一致。

    实际操作,以上面这种方式为准

    每个HTML元素都存在以下标准特性:

    也可以修改对应的每个特性:

    取得特性

    操作特性的方法主要有三个:

    注意:传递给getAttribute属性的特性名和实际特性名相同,因此要想得到class特性名,应该传入class而不是className。

    div.removeAttribute('class').但这个属性不经常使用

    创建元素

    使用document.createElement()方法来创建新的元素。这个方法只接受一个参数,即要创建的标签名。

    输出:

    元素的子节点

    元素可以有任意的子节点和后代节点,元素的childNodes属性包含了它的所有的子节点,这些子节点可能是元素,文本节点,注释或处理指令。

    一下面例子为例:

    在IE低版本中,childnodes值是3,版本高点的话是7,其他的浏览器childNodes是7(包括3个li元素和4个文本节点,表示li元素之间的空白符)

    如果删除空白符,那么childNodes的值在任何浏览器中都是3.

    遍历childNodes属性时,通常需要检查下nodeType属性。

  • 相关阅读:
    学习笔记9(必做)
    团队作业(四):描述设计
    改进ls的实现(课下作业)
    stat命令的实现-mysate(必做)
    反汇编测试
    学习笔记8(必做)
    初次使用git上传代码到码云
    团队作业(三):确定分工
    学习笔记7(必做)
    缓冲区溢出漏洞实验
  • 原文地址:https://www.cnblogs.com/ydaimee/p/6753767.html
Copyright © 2011-2022 走看看