<!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"); // 創建div和兩個按鈕 button1.innerHTML = "change With"; button2.innerHTML = "change Height"; // 設置兩個按鈕的內容 body.appendChild(div); body.appendChild(button1); body.appendChild(button2); //把div和兩個按鈕插入進文檔 // code... // 我想點擊按鈕改變div相應的樣式... }</script></html>點擊new div的按鈕可以創建出來一個div和兩個按鈕；我想點擊按鈕就可以改變相應的div樣式。例：點擊第一組changeWith和changeHeight按鈕，就改變第一個div的寬高。而且同時有多個div存在的情況下，按鈕的功能不沖突。這個應該怎么寫？或者說思路是怎么樣的？
怎么分別改變用JS創建出來的元素的樣式？
牛魔王的故事
2018-10-19 14:11:38