黑马程序员技术交流社区

标题: 学习经历 [打印本页]

作者: 心有林夕asd 时间: 2020-2-29 19:10
标题: 学习经历
一.document对象的属性

二.document对象的方法

三.document对象集合

<!DOCTYPE html>
<html lang="en">
<head>
      <meta charset="UTF-8">
      <title>document对象</title>
      <link rel="stylesheet" href="css/demo1.css">
      <style type="text/css">
            img{width: 150px;}
      </style>
      <script type="text/javascript">
            /*
                     document  文档对象

                              属性：
                                    body       body元素对象
                                    title       标题
                                    URL                网页地址

                                    links       超链接 HTMLCollection  集合  索引  0    length
                                    images       图片
                                    forms

                              方法：
                                    write
                                    writeln
                                    getElementById    根据ID查找节点对象
                                                返回值：节点对象，null
            */

            // console.log(name);

            // document.write('hello<br>');
            // document.write('hello');
            // document.write('hello');

            // document.writeln('hello');
            // document.writeln('hello');

      </script>
</head>
<body>
      < a href=" ">百度</ a>
      < a href="#">抖音</ a>
      < img src="images/2.jpg" alt="">
      <div>
            < a href="#">锤子</ a>
            < img src="images/3.jpg" alt="">
      </div>
      < img src="images/1.jpg" alt="">
      <form action="">
            <input type="text">
            <input type="password">
      </form>
      <p>AA</p >
      <p id="content">AA</p >
      <p>AA</p >
</body>

<script type="text/javascript">
      // console.log(document.body);
      // console.log(document.title);
      // document.title='文档';
      // console.log(document.URL);

      // console.log(document.links);
      /*document.links[0].innerHTML='百度公司';
      document.links[1].innerHTML='字节跳动';
      document.links[2].innerHTML='锤子科技';*/

      // console.log(document.images);
      // document.images[1].src='images/4.jpg';
      // document.images[0].src='images/1.jpg';
      // document.images[2].src='images/3.jpg';

      // console.log(document.forms);

      //根据ID查找节点对象
      var o=document.getElementById('content');
      console.log(o);
      o.innerHTML='哈哈哈';
</script>
</html>

作者: 小www 时间: 2020-3-6 12:40
虚心使人进步，骄傲使人落后

作者: 黄雨丝丝丝 时间: 2020-3-6 14:15
好运会眷顾那些已经做好充足准备的人

作者: 黄雨丝丝丝 时间: 2020-3-6 15:16
好运会眷顾那些已经做好充足准备的人

作者: OYJQ33 时间: 2020-3-6 15:30
一份耕耘一份收获，冲鸭！

作者: OYJQ33 时间: 2020-3-6 15:54
一份耕耘一份收获，冲鸭！

作者: 柠檬leung不酸 时间: 2020-3-6 16:31
加油，一起学习丫

作者: 柠檬leung不酸 时间: 2020-3-9 13:23
除了恐惧和欲望，还有什么可以激励自己长期地努力？

作者: 柠檬leung不酸 时间: 2020-3-11 15:57
预测未来最好的方法就是去创造未来。

欢迎光临黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2