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 获取)

  • 相关阅读:
    python enhanced generator - coroutine
    python yield generator 详解
    gunicorn syncworker 源码解析
    gunicorn 信号处理(SIGHUP,SIGUSR2)
    gunicorn Arbiter 源码解析
    gunicorn 简介
    kafka+zookeeper环境配置(linux环境单机版)
    在Linux中安装JDK的步骤
    Kafka安装及部署
    Zookeeper 安装和配置
  • 原文地址:https://www.cnblogs.com/webaction/p/12508069.html
Copyright © 2011-2022 走看看