zoukankan      html  css  js  c++  java

  • 通过ID获取元素 注:获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。

    通过ID获取元素

    学过HTML/CSS样式，都知道，网页由标签将信息组织起来，而标签的id属性值是唯一的，就像是每人有一个身份证号一样，只要通过身份证号就可以找到相对应的人。那么在网页中，我们通过id先找到标签，然后进行操作。

    语法:

     document.getElementById(“id”)

    看看下面代码:

    结果:null或[object HTMLParagraphElement]

    注:获取的元素是一个对象，如想对元素进行操作，我们要通过它的属性或方法。

    任务

    在右边编辑器中，补充第10行代码，通过document.getElementById获取id为con的p标签。

    第11行为输出获取的元素，看看结果是什么。

    <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>document.getElementById</title>
</head>
<body>
<p id="con">JavaScript</p>
<script type="text/javascript">
  var mychar=document.getElementById("con")        ;
  document.write("结果:"+mychar); //输出获取的P标签。 
</script>
</body>
</html>
  • 相关阅读:
    Spring Boot + Vue 开发前后端分离的员工管理系统
    树莓派4B部署docker
    免费的论文查重网站
    JavaScript设计模式
    js继承的用法
    js闭包与柯里化
    Javascript编程小技巧
    spy-debugger和fiddler实现移动端抓包
    grid布局
    js判断对象是否为空对象的几种方法
  • 原文地址：https://www.cnblogs.com/yongbin668/p/5592824.html
Copyright © 2011-2022 走看看