<html><head><style type="text/css">.newDiv {font-weight: bold;}</style><script>function clk(event) {var parent = document.getElementById("parent");//改變classNamevar child0 = document.createElement("div");child0.innerHTML = "child0";child0.className = "newDiv";parent.appendChild(child0);//改變cssTextvar child1 = document.createElement("div");child1.innerHTML = "child1";child1.style.cssText = "font-weight: bold";parent.appendChild(child1);//改變直接樣式var child2 = document.createElement("div");child2.innerHTML = "child2";child2.style.fontWeight = "bold";parent.appendChild(child2);}</script></head><body><input type="button" value="click" onclick="clk(event);"/><div id="parent"><div>child</div></div></body></html>
PS:
HTML DOM Style 對象http://www.w3school.com.cn/htmldom/dom_obj_style.asp
直接改變樣式時可參考以上連結
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
