改變屬性
選擇要使用的元素后，您可以更改其屬性。
正如我們在以前的課程中看到的，我們可以使用 innerHTML 屬性更改元素的文本內(nèi)容。
同樣，我們可以改變元素的屬性。
例如，我們可以更改圖像的 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>提示: 實際上，可以使用JavaScript更改元素的所有屬性。
var arr = document.getElementsByTagName("");
for(var x=0; x<arr.; x++){
arr[x].= "demo.jpg";
}
改變樣式
HTML元素的樣式也可以使用JavaScript進行更改。
可以使用元素的 style 對象來訪問所有樣式屬性。
例如:
<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進行設置和修改。請記住，您不能在屬性名稱中使用破折號（ - ）：這些替換為駝峰寫法，其中復合詞以大寫字母開頭 比如: background-color屬性應該被寫為 backgroundColor。
var s = document. getElementsByTagName("");
(var x=0;x<s.length;x++){
s[].style.backgroundColor = "#34EA75";
}