zoukankan      html  css  js  c++  java
  • JavaScript的DOM(文档对象)基础语法总结1

    ---恢复内容开始---

    前言:HTML文档可以说由节点构成的集合,DOM节点有:

            1). 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。

            2). 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。

            3). 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"。

      1、节点属性:

    2、遍历节点树:

    3、DOM操作:

    4、getElementsByName()方法

    //语法
    document.getElementsByName(name)

    注意:

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

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

    //例子
    function getnum(){
      var mynode=document.getElementsByName("myt")         ;  
      alert(mynode.length);
    }
    </script>
    <input name="myt" type="text" value="1">
    <input name="myt" type="text" value="2">
    <input name="myt" type="text" value="3">
    <input name="myt" type="text" value="4">
    <input name="myt" type="text" value="5">
    <input name="myt" type="text" value="6">
    <input type="button" onclick="getnum()" value="看看有几项?" />
    //获取 name 为 myt 的元素,同时输出获取的元素节点的长度。

    5、getElementsByTagName()方法:返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。

    //语法
    document.getElementsByTagName(Tagname)

    说明:

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

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

    //例子
    function getnum(){
      var mynode=document.getElementsByTagName("input") ;  
      alert(mynode.length);
    }
    </script>
    <input type="text" value="1">
    <input  type="text" value="2">
    <input  type="text" value="3">
    <input type="button" onclick="getnum()" value="看看有几个input标签?" />
    //获取input标签,同时输出获取的元素节点的长度。
  • 相关阅读:
    编写便于打印的Shellcode
    DOS路径转化为NT路径
    当你孤单时你会想起谁
    【转载】从文件句柄获得全路径
    C# DLLImport C++ dll 几点注意事项
    充值系统系统异常处理解决方案
    Demo 与实际应用开发之间的距离
    IIS7.0出错的解决方案 IIS 状态代码:IIS详细错误代码以及解释
    log4net 写日志到 Sql server 数据库
    Log4net 的使用及注意事项
  • 原文地址:https://www.cnblogs.com/caojiayan/p/6194338.html
Copyright © 2011-2022 走看看