zoukankan      html  css  js  c++  java
  • javascript中通过ID获取元素

    网页由标签将信息组织起来,而标签的id属性值是唯一的,如何通过javascript找到要获取的元素

    1 document.getElementById("id") //语法

     通过以下代码发现运行结果为null或[object HTMLParagraphElement]

     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <meta charset="utf-8">
     5         <title>通过ID获取元素</title>
     6         <script type="text/javascript">
     7             var myceshi=document.getElementById('ceshi');//获取元素存储在变量中
     8             // document.write('结果:'+myceshi);//输出变量
     9             alert(myceshi);
    10             document.write('结果:'+myceshi);//输出变量
    11         </script>
    12     </head>
    13     <body>
    14         <div id="ceshi">I love javascript</div>
    15         <!-- <script type="text/javascript">
    16             var myceshi=document.getElementById('ceshi');//获取元素存储在变量中
    17             // document.write('结果:'+myceshi);//输出变量
    18             alert(myceshi);
    19             document.write('结果:'+myceshi);//输出变量
    20         </script> -->
    21     </body>
    22 </html>

    获取的元素是一个对象,如想对元素进行操作,我们要通过它的属性或方法。(object HTMLParagraphElement 对象 HTML段落元素,获取到的是元素,这个元素也就是对象,获取到的对象不会显示里面的值,所以显示object HTMLParagraphElement,想要抽取出里面的值,就用 innerHTML 获取)

  • 相关阅读:
    51单片机串口实验时波特率怎么调才合适
    什么是GPS的冷启动、温启动和热启动?
    单片机pc指针
    80C51存储器与C51内存优化
    C51变量的存储
    单片机结构体内存的分配
    单片机内程序运行的时候ram空间是如何分配的?
    51单片机存储器结构
    AD分辨率和精度区别
    过采样与欠采样
  • 原文地址:https://www.cnblogs.com/webaction/p/12508069.html
Copyright © 2011-2022 走看看