陳冠丞JavaScript物件Object

identifier名稱，身分證id card

w3schools學物件

以上程式碼

<style>

.a{background-image: linear-gradient(red, yellow); font-size: 32px; line-height:1.5}

.b{background-image: linear-gradient(red, blue); color: white; font-size:30px}

</style>

identifier名稱，身分證id card

<p id="xyz" class="a"></p>

<p id="dog" class="b"></p>

<p id="cat" class="a"></p>

<script>

// Create an object:

const band = {

guitar:"侯麗鷗", 

vocals:"蔡依雯",

bass:"林志玲"};

delete band.vocals;

band["singer"] = "劉任昌";

s=""; //定義變數空白

document.getElementById("xyz").innerHTML = Object.keys(band);

document.getElementById("dog").innerHTML = Object.values(band);

for (job in band){ 

   s+= job + "手: " + band[job] + "<br>"};

document.getElementById("cat").innerHTML = s;

</script>

<H1>w3schools學物件</H1>

<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho4JiGSnOa-XJIMRWEI9Iffico8LsUaEO7b_Ijdnzz_Aw2sjVGFR-jlJ8pOkmpwyfY7t0wIvF5oszqzW9f3NwJh37Bg1So7hfTotNFpvBKi4D70Y3OgrT7fY8F9wVVbTvMn-FKuVDE0vXrmDEWMYMnhqfQPg8xLbs0g7r7y2LDHDX2MywwnLFv0LP6ZLc/s1600/%E6%93%B7%E5%8F%96.PNG" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" data-original-height="549" data-original-width="1183" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho4JiGSnOa-XJIMRWEI9Iffico8LsUaEO7b_Ijdnzz_Aw2sjVGFR-jlJ8pOkmpwyfY7t0wIvF5oszqzW9f3NwJh37Bg1So7hfTotNFpvBKi4D70Y3OgrT7fY8F9wVVbTvMn-FKuVDE0vXrmDEWMYMnhqfQPg8xLbs0g7r7y2LDHDX2MywwnLFv0LP6ZLc/s1600/%E6%93%B7%E5%8F%96.PNG"/></a></div>