fe5-2：js語(yǔ)言、dom編程

William_Sang 發(fā)布于2019-08-23 16:54 / 2418人閱讀

摘要：用來(lái)定義樣式網(wǎng)站的外觀字體大小背景顏色標(biāo)簽不用再寫(xiě)，網(wǎng)站已經(jīng)默認(rèn)標(biāo)簽為文件的引用應(yīng)該放在標(biāo)簽最后執(zhí)行用來(lái)查找元素元素選擇器只能得到默認(rèn)值而不是得到當(dāng)前的值元素選擇器選擇器用的是類名選擇器用的是獲取特定屬性值不存在的屬性會(huì)返回它在中

CSS：用來(lái)定義樣式(網(wǎng)站的外觀：字體大小、背景顏色)
script 標(biāo)簽不用再寫(xiě) type，網(wǎng)站已經(jīng)默認(rèn) script 標(biāo)簽為 JavaScript
JavaScript 文件的引用應(yīng)該放在 body 標(biāo)簽最后執(zhí)行
document.querySelectir()：用來(lái)查找元素(元素選擇器)
getAttribute:只能得到默認(rèn)值,而不是得到當(dāng)前的值

var log = function() {
    console.log.apply(console, arguments)
}
// 元素選擇器
var body = document.querySelector("body")
// class 選擇器, 用的是   .類名
var form = document.querySelector(".login-form")
// id 選擇器, 用的是   #id
var loginButton = document.querySelector("#id-button-login")

// 獲取特定屬性值
var user = document.querySelector("#id-input-username")
var userValue = user.getAttribute("value")
log("user value", userValue)
// 不存在的屬性會(huì)返回 null, 它在 js 中代表不存在
log("沒(méi)有的屬性", user.getAttribute("不存在"))

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/103495.html

相關(guān)文章

《JavaScript DOM 編程藝術(shù)》閱讀摘要

概念：平穩(wěn)退化漸進(jìn)增強(qiáng) 以用戶為中心第一章 js簡(jiǎn)史可以使用DOM（Document Object Model）給HTML（HyperText Markup Language）文檔增加交互能力，就像CSS（Cascading Style Sheet）給文檔增加樣式一樣。DOM是一種API（Application Programing Interface），就是一種已得到各方認(rèn)同的基本約...

mylxsw 2019-08-21 16:20 評(píng)論0 收藏0
JavaScript 簡(jiǎn)介

摘要：簡(jiǎn)介原文鏈接簡(jiǎn)稱是一種輕量級(jí)，解釋型的編程語(yǔ)言，其函數(shù)是一等公民。標(biāo)準(zhǔn)的目標(biāo)是讓任何一種程序設(shè)計(jì)語(yǔ)言能操控使用任何一種標(biāo)記語(yǔ)言編寫(xiě)出的任何一份文檔。核心規(guī)定了如何映射基于的文檔結(jié)構(gòu)，以便簡(jiǎn)化對(duì)文檔的任意部分的訪問(wèn)和操作。 JavaScript 簡(jiǎn)介原文鏈接 JavaScript ( 簡(jiǎn)稱：JS ) 是一種輕量級(jí)，解釋型的編程語(yǔ)言，其函數(shù)是一等公民。眾所周知，它是用于網(wǎng)頁(yè)開(kāi)發(fā)的腳...

URLOS 2019-08-20 10:33 評(píng)論0 收藏0
零基礎(chǔ)的前端開(kāi)發(fā)初學(xué)者應(yīng)如何系統(tǒng)地學(xué)習(xí)？

摘要：在有了基礎(chǔ)之后，進(jìn)一步學(xué)習(xí)內(nèi)容包括框架。前端學(xué)習(xí)交流群禁止閑聊，非喜勿進(jìn)。代碼提交前必須做的三個(gè)事情檢查所有變更跑一邊單元測(cè)試手動(dòng)運(yùn)行一遍所有網(wǎng)站開(kāi)發(fā)開(kāi)發(fā)大致分為前端和后端，前端主要負(fù)責(zé)實(shí)現(xiàn)視覺(jué)和交互效果，以及與服務(wù)器通信，完成業(yè)務(wù)邏輯。其核心價(jià)值在于對(duì)用戶體驗(yàn)的追求?？梢园慈缦滤悸穼W(xué)習(xí)系統(tǒng)學(xué)習(xí)：基礎(chǔ)知識(shí)： html + css 這部分建議在?w3school 在線教程上學(xué)習(xí)，邊...

JouyPub 2019-08-01 17:53 評(píng)論0 收藏0
零基礎(chǔ)的前端開(kāi)發(fā)初學(xué)者應(yīng)如何系統(tǒng)地學(xué)習(xí)？

摘要：在有了基礎(chǔ)之后，進(jìn)一步學(xué)習(xí)內(nèi)容包括框架。前端學(xué)習(xí)交流群禁止閑聊，非喜勿進(jìn)。代碼提交前必須做的三個(gè)事情檢查所有變更跑一邊單元測(cè)試手動(dòng)運(yùn)行一遍所有網(wǎng)站開(kāi)發(fā)開(kāi)發(fā)大致分為前端和后端，前端主要負(fù)責(zé)實(shí)現(xiàn)視覺(jué)和交互效果，以及與服務(wù)器通信，完成業(yè)務(wù)邏輯。其核心價(jià)值在于對(duì)用戶體驗(yàn)的追求。可以按如下思路學(xué)習(xí)系統(tǒng)學(xué)習(xí)：基礎(chǔ)知識(shí)： html + css 這部分建議在?w3school 在線教程上學(xué)習(xí)，邊...

funnyZhang 2019-08-29 13:42 評(píng)論0 收藏0
前端開(kāi)發(fā)者手冊(cè)2019

摘要：年，和前端開(kāi)發(fā)者與應(yīng)用程序前端開(kāi)發(fā)者之間產(chǎn)生了巨大的分歧。開(kāi)發(fā)最常見(jiàn)的解決方案有手機(jī)和平板的原生應(yīng)用程序桌面應(yīng)用程序桌面應(yīng)用程序原生技術(shù)最后，前端開(kāi)發(fā)者可以從瀏覽器開(kāi)發(fā)中學(xué)習(xí)到，編寫(xiě)代碼不需要考慮瀏覽器引擎的限制。前端開(kāi)發(fā)者手冊(cè)2019 Cody Lindley 編著原文地址本手冊(cè)由Frontend Masters贊助，通過(guò)深入現(xiàn)代化的前端工程課程來(lái)提高你的技能。下載：PDF ...

church 2019-08-02 16:18 評(píng)論0 收藏0