W3.JS เพิ่มสไตล์ให้กับ HTML


เพิ่มค่าคุณสมบัติ CSS:

w3.addStyle(selector,'property','value')

เพิ่มสไตล์โดย Id

เพิ่มสีพื้นหลังสีแดงให้กับองค์ประกอบด้วย id="London":

ตัวอย่าง

<button onclick="w3.addStyle('#London','background-color','red')">Add Style</button>


เพิ่มสไตล์โดย Tag

เพิ่มสีพื้นหลังสีแดงให้กับองค์ประกอบ <h2> ทั้งหมด:

ตัวอย่าง

<button onclick="w3.addStyle('h2','background-color','red')">Add Style</button>


เพิ่มสไตล์ตามคลาส

เพิ่มสีพื้นหลังสีแดงให้กับองค์ประกอบทั้งหมดที่มี class="city":

ตัวอย่าง

<button onclick="w3.addStyle('.city','background-color','red')">Add Style</button>