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>
    


  • 相关阅读:
    JS对象—对象总结(创建、属性、方法)
    总结30个css选择器
    null、undefined、typeof、instanceof
    Hybrid App 原理解析
    promise与async-await
    你不知道的javascript
    Function.prototype.toString 的使用技巧
    Javascript中的valueOf与toString
    HTML5 Page Visibility
    深入理解css3中 nth-child 和 nth-of-type 的区别
  • 原文地址:https://www.cnblogs.com/suncoolcat/p/3327681.html
Copyright © 2011-2022 走看看