JavaScript中style指的是什么意思

發(fā)布時(shí)間：2021-12-22 17:33:44 來(lái)源：億速云閱讀：412 作者：小新欄目：web開發(fā)

這篇文章主要介紹了JavaScript中style指的是什么意思，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

JavaScript中style的意思是“樣式”、“設(shè)置樣式”，style屬性是一個(gè)全局屬性，在JavaScript中可以更改或設(shè)置元素的樣式，語(yǔ)法為“元素對(duì)象.style.樣式屬性="樣式屬性值";”。

本教程操作環(huán)境：windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。

JavaScript中style的意思是樣式，設(shè)置樣式。

Style 對(duì)象代表一個(gè)單獨(dú)的樣式聲明?？蓮膽?yīng)用樣式的文檔或元素訪問(wèn) Style 對(duì)象。

語(yǔ)法為：

document.getElementById("id").style.property="值"

在很多情況下，都需要對(duì)網(wǎng)頁(yè)上元素的樣式進(jìn)行動(dòng)態(tài)的修改。在JavaScript中提供動(dòng)態(tài)的修改樣式的方法。

示例如下：

<!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>
<p>無(wú)序列表：</p>
<ul>
  <li id="xuebi">雪碧</li>
  <li>可樂(lè)</li>
  <li>涼茶</li>
</ul>
<script type="text/javascript">
document.getElementById("xuebi").style.display="none";
</script>
</body>
</html>

輸出結(jié)果：

JavaScript中style指的是什么意思

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“JavaScript中style指的是什么意思”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!

向AI問(wèn)一下細(xì)節(jié)

JavaScript中style指的是什么意思

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽