用我的網站上的按鈕更改h1/h2/h3的字體大小（使用本地存儲）

我正在創建一個網站，其中包含用於修改屏幕上文本大小的選項。看到我的網站的字體設置是用h1/h2/h3設計的，它唯一合乎邏輯的就是編輯這些設置。我發現在線解決方案可以改變字體大小，但是可以將它翻譯成本地存儲（所以字體設置會保存下一個會話！），這對我來說是一個挑戰，幾個小時後，我還沒有設法找到解。用我的網站上的按鈕更改h1/h2/h3的字體大小（使用本地存儲）

任何人都得到了一點的JavaScript，可以幫助我嗎？謝謝！

來源

2016-12-18 James

那麼實際的問題是什麼？你能給我們一個有問題的代碼的例子嗎？ – Xotic750

你到目前爲止嘗試過什麼？顯示你的嘗試使用本地存儲來更改標題標籤，也許有人可以解釋爲什麼你的嘗試不按預期工作，然後可能提供一個解決方案。 – NewToJS

[示例localStorage]（http://stackoverflow.com/a/28481303/4202224）只是切換顯示/隱藏功能與您的字體大小 – empiric

我們假設這些都是你的HTML標題標籤：

<h1>Some text here</h1> 
<h2>Some text here</h2> 
<h3>Some text here</h3>

這是CSS：

h1 { 
    font-size: 4em; 
} 

h2 { 
    font-size: 3em; 
} 

h3 { 
    font-size: 2em; 
}

然後，如果你要存儲在瀏覽器本地存儲這些CSS設置，使用這javascript：

var h1font = document.querySelector('h1').style.fontSize; 
var h2font = document.querySelector('h2').style.fontSize; 
var h3font = document.querySelector('h3').style.fontSize; 

localStorage.setItem("h1font", h1font); 
localStorage.setItem("h2font", h2font); 
localStorage.setItem("h3font", h3font);

來源

2016-12-18 14:52:20

啊隊友我實際上找到了我自己的解決方案（不是真正的解決方案，我只是做了它更簡單），但我真的很感謝答覆，謝謝！ – James

用我的網站上的按鈕更改h1/h2/h3的字體大小（使用本地存儲）

回答

相關問題