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>
    


  • 相关阅读:
    李洪强经典面试题43
    李洪强经典面试题42
    李洪强经典面试题41-iOS选择题
    HTTP头部解析
    iOS
    内网安全工具之hscan扫描
    跟着百度学PHP[4]OOP面对对象编程-17-多态
    绕过注入学习笔记
    引用/别名
    跟着百度学PHP[4]OOP面对对象编程-16-switch逻辑就语句
  • 原文地址:https://www.cnblogs.com/suncoolcat/p/3327681.html
Copyright © 2011-2022 走看看