第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何讓 onclick 事件用于更改 CSS 屬性?

如何讓 onclick 事件用于更改 CSS 屬性?

我是一個(gè)嘗試 Javascript 的初學(xué)者。我想通過 onclick 事件更改字體顏色和字體系列(以及背景圖像的漸變,但我什至無法猜測如何訪問它)。我制作了一個(gè)按鈕,單擊該按鈕時(shí)應(yīng)運(yùn)行 spookFunction 并將正文中的字體顏色更改為橙色,將字體系列更改為谷歌字體 Bangers。我試圖制作一個(gè)小提琴供您查看代碼(這是我第一次使用 JSFiddle,所以我不確定它是如何工作的): https : //jsfiddle.net/Linnea_Borealis/u8n9ezhs/10/我發(fā)現(xiàn)的一些示例代碼只是為了看看它是否可以工作并與我自己的代碼進(jìn)行比較:單擊我更改我的文本顏色。    <script>    function myFunction() {    document.getElementById("demo").style.color = "red";    }    </script>那部分工作正常,但另一部分沒有。有什么不同?我在 VS Code 中注意到“style”在“document.getElementById("welcome").style.color="red"" 中比在"document.getElementsByTagName("body").style.color="orange" 中有另一種顏色;" 和 "document.getElementsByTagName("body").style.fontFamily="Bangers", 草書;" 我以錯(cuò)誤的方式使用 getElementsByTagName 嗎?此外,在 JS Fiddle 中,文本周圍有一個(gè)白色矩形,當(dāng)我在瀏覽器中打開 html 文件時(shí),我看不到它……為什么?如果有人能以一種簡單的初學(xué)者友好的方式解釋這一點(diǎn),我將不勝感激。
查看完整描述

3 回答

?
qq_花開花謝_0

TA貢獻(xiàn)1835條經(jīng)驗(yàn) 獲得超7個(gè)贊

白色矩形是您的身體。如果你添加你的 css body 類,background-color:black;你可以看到它。關(guān)于 getElementsByTagName 的其他答案也是正確的。


嘗試這個(gè):


function myFunction() {

  document.getElementById("demo").style.color = "red";

}


function spookFunction() {

  document.getElementsByTagName("body")[0].style.color="orange";

  document.getElementsByTagName("body")[0].style.fontFamily="Bangers, cursive";

  document.getElementById("welcome").style.color="red"

 }

html {

  background-image: linear-gradient(#0099ff, white);

  min-height: 100%;

}

body {

  margin-left: 10%;

  margin-right: 10%;

  margin-top: 10%;

  font-family: 'Lobster', cursive;

  color: white;

  background-color: black;

}


h1{ font-size: 50px; }

p {

  font-size: 30px;

}

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <title>Spook My Page</title>

        <link rel="stylesheet" type="text/css" href="Style.css">

        <link href="https://fonts.googleapis.com/css2?family=Bangers&family=Lobster&display=swap" 

        rel="stylesheet">

    </head>

    <body>

        <h1 id="welcome">Welcome Friend!</h1> 

        <p>To change the color scheme — Click the button below!</p>

        <p id="demo" onclick="myFunction()">Click me to change my text color.</p>


        <button type="button" onclick="spookFunction()">Click Me!

        </button>

    </body>

</html>


查看完整回答
反對(duì) 回復(fù) 2023-04-20
?
慕妹3146593

TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超9個(gè)贊

getElementsByTagName 返回?cái)?shù)組而不是單個(gè)元素。因此,您將必須訪問像這樣的元素 getElementsByTagName("body")[0]。希望這會(huì)有所幫助。

查看完整回答
反對(duì) 回復(fù) 2023-04-20
?
慕斯王

TA貢獻(xiàn)1864條經(jīng)驗(yàn) 獲得超2個(gè)贊

function spookFunction() {

        document.getElementsByTagName("BODY")[0].style.backgroundColor="orange";

       document.getElementsByTagName("BODY")[0].style.fontFamily="Bangers,cursive";

        

        document.getElementById("welcome").style.backgroundColor="red"}

這應(yīng)該可以完成工作,您為 backgroundColor 使用了錯(cuò)誤的變量名稱并且找不到正文,因?yàn)?document.getElementsByTagName("BODY") 返回了一個(gè)標(biāo)簽數(shù)組


查看完整回答
反對(duì) 回復(fù) 2023-04-20
  • 3 回答
  • 0 關(guān)注
  • 305 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)