JavaScriptAPI

一、API的概念

APT预先定义好的函数

二、获取元素

通过Id名获取元素

// html代码
 <header id="header" class="head">头部标签</header>
 // script代码
 var header = document.getElementById("header");
    console.log(header);

通过类名获取元素

// html代码
<header id="header" class="head">头部标签</header>
 <section class="head">区间标签</section>
 <article class="head">文章标签</article>
 //js代码
 var head = document.getElementsByClassName("head");
    console.log(head);
    console.log(head[0]);
    console.log(head[1]);
 
 

通过标签名获取元素

// html代码
<article class="head">文章标签</article>
//js代码
var article = document.getElementsByName("article");
    console.log(article);

通过name名获取

// html代
<input type="text" name="abc" />
//js代码
console.log(document.getElementsByName("abc")[1]);

通过querySelector()获取

// html代码
<header id="header" class="head">头部标签</header>
    <section class="head">区间标签</section>
    <article class="head">文章标签</article>
    <article class="head">文章</article>
    //js代码
    var head_1 = document.querySelector(".head");
    console.log(head_1);

通过querySelector()获取

// html代码
 <article class="head">文章标签</article>
    <article class="head">文章</article>
//js代码
 var article_1 = document.querySelectorAll("article");
    console.log(article_1);