zoukankan      html  css  js  c++  java
  • (二)类数组对象HTMLCollection

    HTMLCollection 表示 HTML 元素的集合。

    下面的几种方式将返回 HTMLCollection对象:

    html:

    <body>
        <ul id="box">
          <li>节点一</li>
          <li>节点二</li>
          <li>节点三</li>
        </ul>
    
        <table border="1">
          <tr id="tr">
            <td>第一行</td>
            <td name="td">第二行</td>
            <td name="td">第三行</td>
          </tr>
        </table>
    
        <img src="duer.jpg" alt="img1" />
        <img src="ipone6s+.png" alt="img2" />
    
        <form action="">
          <input type="text" value="用户名">
        </form>
        <form action="">
          <input type="text" value="密码">
        </form>
    
        <a href="#">忘记密码</a>
        <a href="#">更多内容</a>
    
        <select id="select">
          <option value="0">北京</option>
          <option value="1">天津</option>
          <option value="2">河北</option>
        </select>
    
        <p>DOM探索之基础详解篇</p>
        <p>DOM探索之节点操作篇</p>
      </body>

    JS:

            var scripts = document.scripts;
            var links = document.links;
            var cells = document.getElementById("tr").cells;
            var imgs = document.images;
            var forms = document.forms;
            var options = document.getElementById("select").options;
            var ps = document.getElementsByTagName("p");
    
            console.log(scripts);
            console.log(links);
            console.log(cells);
            console.log(imgs);
            console.log(forms);
            console.log(options);
            console.log(ps);

    结果如下:

  • 相关阅读:
    实验三 编程、编译、连接、跟踪
    第三章 寄存器知识总结
    实验2 用机器指令和汇编指令编程
    实验1 查看cpu和内存,用机器指令和汇编指令编程
    第二章寄存器知识总结
    汇编语言第一章基础知识总结
    打印数字正方形
    打印空心正方形
    打印正方形
    整数运算
  • 原文地址:https://www.cnblogs.com/hjbky/p/8431163.html
Copyright © 2011-2022 走看看