js DOM

日期和時(shí)間

ECMAScript提供了Date類型來(lái)處理時(shí)間和日期。Date類型內(nèi)置一系列獲取和設(shè)置日期時(shí)間信息的方法。

創(chuàng)建日期對(duì)象和調(diào)用

創(chuàng)建一個(gè)日期對(duì)象,使用new運(yùn)算符和Date構(gòu)造方法(構(gòu)造函數(shù))即可

var time = new Date();  //創(chuàng)建一個(gè)日期對(duì)象Sun Jul 07 2019 22:35:41 GMT+0800 (中國(guó)標(biāo)準(zhǔn)時(shí)間)
console.log(time.toDateString());//2019  獲取年份
getTime()                     獲取日期的毫秒數(shù),和valueOf()返回一致
setTime()                     以毫秒數(shù)設(shè)置日期,會(huì)改變整個(gè)日期
getFullYear()                 獲取四位年份
setFullYear()                 設(shè)置四位年份,返回的是毫秒數(shù)
getMonth()                    獲取月份,沒(méi)指定月份,從0開(kāi)始算起
setMonth()                    設(shè)置月份 
getDate()                     獲取日期 
var time = new Date('2014,5,27')或var time = new Date(2014,5,27);  //Tue May 27 2014 00:00:00 GMT+0800 (中國(guó)標(biāo)準(zhǔn)時(shí)間)
在調(diào)用Date構(gòu)造方法而不傳遞參數(shù)的情況下,新建的對(duì)象自動(dòng)獲取當(dāng)前的時(shí)間和日期。
alert(time);    //不同瀏覽器顯示不同

DOM介紹

DOM(Document Object Model)即文檔對(duì)象模型,針對(duì)HTML和XML文檔的API(應(yīng)用程序接口)。
DOM描繪了一個(gè)層次化的節(jié)點(diǎn)樹(shù),允許開(kāi)發(fā)人員添加、移除和修改頁(yè)面的某一部分。
DOM脫胎于Netscape及微軟公司創(chuàng)始的DHTML(動(dòng)態(tài)HTML),但現(xiàn)在它已經(jīng)成為表現(xiàn)和操作頁(yè)面標(biāo)記的真正跨平臺(tái)、語(yǔ)言中立的方式。
D(文檔)可以理解為整個(gè)Web加載的網(wǎng)頁(yè)文檔;
O(對(duì)象)可以理解為類似window對(duì)象之類的東西,可以調(diào)用屬性和方法,這里我們說(shuō)的是document對(duì)象;
M(模型)可以理解為網(wǎng)頁(yè)文檔的樹(shù)型結(jié)構(gòu)。

  <!DOCTYPE html>
  <html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

  </head>
  <body>
<div id="aa" name=‘a(chǎn)a’ title=‘a(chǎn)a’></div>
<div class="aa"></div>
<div class="bb"></div>
<script>
    var time = new Date();
    console.log(time);
    var times = new Date('2014.5.27');
    console.log(time.toLocaleTimeString());

  </script>
<!-- <script src="./for.js"></script> -->
</html>
getElementById() 獲取特定ID元素的節(jié)點(diǎn)
console.log(document.getElementById('aa'));//獲取id元素
getElementByclass() 獲取特定class元素的節(jié)點(diǎn)
console.log(document.getElementsByClassName('aa'));//獲取class節(jié)點(diǎn)
getElementsByTagName() 獲取相同元素的節(jié)點(diǎn)列表
console.log(document.getElementsByTagName('span'));//獲取span元素
getElementsByName() 獲取相同名稱的節(jié)點(diǎn)列表
console.log(document.getElementsByName('aa'));
getAttribute() 獲取特定元素節(jié)點(diǎn)屬性的值
setAttribute() 設(shè)置特定元素節(jié)點(diǎn)屬性的值
removeAttribute() 移除特定元素節(jié)點(diǎn)屬性
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1. 相關(guān)概念 由 W3C 批準(zhǔn)并由所有于標(biāo)準(zhǔn)相兼容的 Web 瀏覽器支持的第三方技術(shù)成為 DOM (文檔對(duì)象模型...
    夢(mèng)回吹角連營(yíng)閱讀 456評(píng)論 0 3
  • ??DOM(文檔對(duì)象模型)是針對(duì) HTML 和 XML 文檔的一個(gè) API(應(yīng)用程序編程接口)。 ??DOM 描繪...
    霜天曉閱讀 3,877評(píng)論 0 7
  • 翻譯自:高性能Javascript 第三章Dom操作是昂貴的,它通常是web應(yīng)用的性能瓶頸。這篇文章討論Dom操作...
    Addy_Zhou閱讀 3,159評(píng)論 0 5
  • 有的沒(méi)的 DOM就是把html視為一個(gè)層次結(jié)構(gòu)(樹(shù)形結(jié)構(gòu))的文檔 文檔(Document):一個(gè)頁(yè)面就是一個(gè)文檔,...
    哎呦呦胖子斌閱讀 794評(píng)論 0 0
  • 什么是DOM?DOM 是 JavaScript 操作網(wǎng)頁(yè)的接口,全稱為“文檔對(duì)象模型”(Document Obje...
    浮若年華_7a56閱讀 331評(píng)論 0 0

友情鏈接更多精彩內(nèi)容