預設執行了一個方法A(),它會對元素的順序和樣式進行修改,然後又需要讓這些元素恢復到最初的狀態,請教下大神這該如何操作呀?最主要的是方法A預設就執行的,經過一些操作後又想要重置它,求實作方法jquery和原生都行。
给我你的怀抱2017-05-24 11:39:03
我自己找到最簡單的方法了,不過也感謝各位的熱心解答,這裡我簡單分享下思路吧:jquery或原始都一樣,直接刪除元素的style屬性即可,因為JS所有的樣式操作都基於style屬性。
PHPz2017-05-24 11:39:03
吶,原始資料不動(如果前端你拿到的只是DOM,可以遍歷一遍做個JSON資料來源出來),做一個中間件臨時的域內物件;HTML透過JS做呈現;JS修改只修改中間件,原始資料不動就可以了;所謂的"重置",其實就是再初始化(如果有修改,保存修改後再初始化一邊可以了);
這種無法回退
|-------| |-------|
|原始資料| ==> |-DOM修改|
|-------| |- ------|
這種,如果您"重置",其實只是清空DOM,再從原始數據,重新映射一下;
|-------| |-------| |----- --|
|原始資料| ==> |域內物件| ==> |-DOM映射|
|-------| |-------| |------- |