国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

首頁(yè)課程Javascript fun classchange properties

change properties

目錄列表

改變屬性

改變屬性

選擇要使用的元素后,您可以更改其屬性。

正如我們?cè)谝郧暗恼n程中看到的,我們可以使用 innerHTML 屬性更改元素的文本內(nèi)容。

同樣,我們可以改變?cè)氐膶傩浴?/p>

例如,我們可以更改圖像的 src 屬性:

<img id="myimg" src="https://www.w3cschool.cn/attachments/cover/cover_php.jpg" alt="" />
<script>
var el = document.getElementById("myimg");
el.src = "https://www.w3cschool.cn/attachments/cover/cover_html.png";
</script>

我們可以更改鏈接的href屬性:

<a href="http://www.baidu.com">百度</a>
<script>
var el = document.getElementsByTagName("a");
el[0].href = "https://www.w3cschool.cn";
el[0].innerHTML = "W3Cschool";
</script>

提示: 實(shí)際上,可以使用JavaScript更改元素的所有屬性。


填空,以選擇頁(yè)面的所有圖像并更改其src屬性。

var arr = document.getElementsByTagName(""); 

for(var x=0; x<arr.; x++){ 

    arr[x].= "demo.jpg"; 

}



改變樣式

改變樣式

HTML元素的樣式也可以使用JavaScript進(jìn)行更改。

可以使用元素的 style 對(duì)象來(lái)訪問(wèn)所有樣式屬性。

例如:

<div id="demo" style="width:200px">一些文本</div>
<script>
  var x = document.getElementById("demo");
  x.style.color = "6600FF";
  x.style.width = "100px"; 
</script>

上面的代碼改變了div元素的文本顏色和寬度。

提示: 所有CSS屬性都可以使用JavaScript進(jìn)行設(shè)置和修改。請(qǐng)記住,您不能在屬性名稱中使用破折號(hào)( - ):這些替換為駝峰寫法,其中復(fù)合詞以大寫字母開(kāi)頭 比如: background-color屬性應(yīng)該被寫為 backgroundColor。


填空,以更改頁(yè)面的所有span元素的背景顏色。

var s = document. getElementsByTagName("");

(var x=0;x<s.length;x++){ 

    s[].style.backgroundColor = "#34EA75";

}