js(第二十一天)-CSDN博客

本文链接：https://blog.csdn.net/qq_56036033/article/details/120086411

一，什么是js

是一种弱类型语言，同其他语言一样，有他自身的语法，数据类型，表达式，算数运算等，是一门基于对象和事件驱动的脚本语言，通常用来提高网页与用户的交互性。

1，位置

行内js：

内部js：

</head>
   <script>
       alert(5211314)
   </script>

二，语法

单行注释：//

多行注释：/**/

基本数据类型：number，

复杂数据类型

js运算

实现js内置函数的方法

法一：

function teacher(){

           }

           var a=new teacher();
           a.name='wangzhenya';
           a.age=12;
           console.log(a);
           a.eat =function(){
               console.log(100);
           }
           console.log(a)
           a.eat();

法二：

三，DOM树结构

全称是文档对象模型，用来利用document对象提供的各种属性和方法，方便快速的定位网页中的所有元素

调用方法：

①按照id的值获取元素

getElementById（id属性的值）--只会获取到一个元素

②按照name的值获取元素：

getElementByName（name属性的值）--获取多个元素，存入数组

③按照Class的值获取元素：

getElementByClassName----获取多个元素，存入数组

<body>
       <div>我是教授贵马1</div>
       <div οnclick="test()">我是教授贵马2</div>
       <div class="c1" name="n1">我是教授贵马3</div>

       <span id="d1">请问您是什么主播1</span>
       <span name="n1">请问您是什么主播2</span>
       <span>请问您是什么主播3</span>

       <a href="#" class="c1">哈哈哈</a>
   </body>
   <script>
       /* function Test()
           var data = document.getElementsByName("n1")[0].innerHTML;
           console.log(data);
       }
       Test(); */
       var s= document.getElementsByClassName("c1")[0].innerHTML;
       console.log(s);
       document.getElementsByClassName("c1")[0].innerHTML="<h1>4646<h1>"
       console.log(s);

       document.getElementById("d1").style.color='green;
   </script>