<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Document</title> <style> div {height: 150px; width: 150px; border: 1px solid #000; margin: 5px;} </style></head><body> <button>new div</button></body><script> var body = document.querySelector("body"); var btn = document.querySelector("button"); // 獲取body和按鈕 btn.onclick = function(){ div = document.createElement("div"); button1 = document.createElement("button"); button2 = document.createElement("button"); // 創(chuàng)建div和兩個(gè)按鈕 button1.innerHTML = "change With"; button2.innerHTML = "change Height"; // 設(shè)置兩個(gè)按鈕的內(nèi)容 body.appendChild(div); body.appendChild(button1); body.appendChild(button2); //把div和兩個(gè)按鈕插入進(jìn)文檔 // code... // 我想點(diǎn)擊按鈕改變div相應(yīng)的樣式... }</script></html>點(diǎn)擊new div的按鈕可以創(chuàng)建出來(lái)一個(gè)div和兩個(gè)按鈕；我想點(diǎn)擊按鈕就可以改變相應(yīng)的div樣式。例：點(diǎn)擊第一組changeWith和changeHeight按鈕，就改變第一個(gè)div的寬高。而且同時(shí)有多個(gè)div存在的情況下，按鈕的功能不沖突。這個(gè)應(yīng)該怎么寫(xiě)？或者說(shuō)思路是怎么樣的？
怎么分別改變用JS創(chuàng)建出來(lái)的元素的樣式？
牛魔王的故事
2018-10-19 14:11:38