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>
    


  • 相关阅读:
    初来乍到
    OpenGl基础篇(1.0)
    说说结构化方法和面向对象方法
    浅谈软件项目管理
    测试篇
    结构化与面向对象化之应用比较
    敏捷软件开发VS传统软件开发
    SOSO街景地图 API (Javascript)开发教程(1)- 街景
    阿里实习内推面经
    Android工程开发笔记<一>
  • 原文地址:https://www.cnblogs.com/suncoolcat/p/3327681.html
Copyright © 2011-2022 走看看