zoukankan      html  css  js  c++  java
  • HTML DOM访问

    访问 HTML 元素(节点)

    访问 HTML 元素等同于访问节点

    您能够以不同的方式来访问 HTML 元素:

    • 通过使用 getElementById() 方法
    • 通过使用 getElementsByTagName() 方法
    • 通过使用 getElementsByClassName() 方法
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
     <head>
      <title> New Document </title>
      <meta name="Generator" content="EditPlus">
      <meta name="Author" content="">
      <meta name="Keywords" content="">
      <meta name="Description" content="">
     </head>
    
     <body>
      <p id = "intro">Hello World!</p>
      <p>本例演示<b>getElementById("intro");</b></p>
    
      <script type="text/javascript">
     x  = document.getElementById("intro");
     document.write("<p>来自intro段落的文本:"+x.innerHTML);
      </script>
     </body>
    </html>


    getElementsByTagName() 方法

    getElementsByTagName() 返回带有指定标签名的所有元素。

    <!DOCTYPE html>
    <html>
    <body>
    
    <p>Hello World!</p>
    <p>DOM 很有用!</p>
    <p>本例演示 <b>getElementsByTagName</b> 方法。</p>
    
    <script>
    x=document.getElementsByTagName("p");
    document.write("第一段的文本: " + x[0].innerHTML+"<br>");
    document.write("第二段的文本: " + x[1].innerHTML+"<br>");
    document.write("第三段的文本: " + x[2].innerHTML);
    </script>
    
    </body>
    </html>
    


  • 相关阅读:
    linux创建用户与删除用户及问题解决(ubuntu)
    Build tool
    Version Control&Git
    IntelliJ IDEA激活
    KDJ 指标
    MACD 分析理解
    MACD 指标
    BOLL 指标
    IaaS,PaaS,SaaS 的区别
    Kubernetes 第十七章 调度器 污点和容忍 以及高级调度方式
  • 原文地址:https://www.cnblogs.com/suncoolcat/p/3327681.html
Copyright © 2011-2022 走看看