《setAttribute用法》
問：什么是setAttribute？
答：setAttribute是JavaScript中一個非常實用的DOM方法，用于設(shè)置元素的屬性。無論是標(biāo)準(zhǔn)屬性還是自定義屬性，都可以通過這個方法輕松添加或修改。
問：如何使用setAttribute？
答：語法非常簡單：element.setAttribute(name, value);
element是要操作的DOM元素
name是屬性名稱
value是屬性值
例如：
const div = document.createElement('div');
div.setAttribute('class', 'container');
這樣就給div元素添加了一個class屬性，值為"container"。
問：為什么要使用setAttribute？
答：通過setAttribute可以動態(tài)地給元素添加屬性，這在需要根據(jù)用戶交互或數(shù)據(jù)變化來更新頁面時特別有用。比如在電商頁面根據(jù)用戶點擊設(shè)置商品的dataid。
問：能不能設(shè)置多個屬性？
答：當(dāng)然可以！只需要調(diào)用多次setAttribute即可。例如：
div.setAttribute('id', 'main');
div.setAttribute('datarole', 'maincontainer');
問：有什么需要注意的地方嗎？
答：1. 對于布爾類型的屬性如disabled，建議使用元素的屬性操作方法，而不是setAttribute，這樣可以避免潛在的問題。
2. 自定義屬性最好以data前綴開頭，如datainfo，這樣可以避免與標(biāo)準(zhǔn)屬性沖突。
問：能否結(jié)合實際案例說明一下？
答：假設(shè)我們有一個簡單的用戶信息頁面，需要動態(tài)顯示不同用戶的數(shù)據(jù)。使用setAttribute可以輕松實現(xiàn)：
const userInfo = { id: 123, name: 'Alice', role: 'admin' };
const userDiv = document.getElementById('user');
userDiv.setAttribute('dataid', userInfo.id);
userDiv.setAttribute('dataname', userInfo.name);
userDiv.setAttribute('datarole', userInfo.role);
問：如何獲取設(shè)置的屬性值？
答：可以使用getAttribute方法來獲取，語法是element.getAttribute(name);
例如：const id = userDiv.getAttribute('dataid');
總結(jié)：setAttribute是一個強大的工具，能夠讓我們動態(tài)設(shè)置元素屬性，提升頁面的交互性。掌握它的用法，可以讓你的JavaScript代碼更靈活高效。多多練習(xí)，擴展你的開發(fā)技能吧！
