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>
    


  • 相关阅读:
    HSV 量化
    小议:部署SharePoint 2013时,无法连接SQL Server问题
    BZOJ 1492 货币兑换 cdq分治或平衡树维护凸包
    初识ASP.NET---一般处理程序
    Vue.js
    jQuery内部原理和实现方式浅析
    关于js中namespace命名空间模式
    MutationObserver 监听DOM树变化
    TCP/UDP常见端口参考
    运算符优先级
  • 原文地址:https://www.cnblogs.com/suncoolcat/p/3327681.html
Copyright © 2011-2022 走看看