class="answer-text mb-10 "> 其實漸變的實現歸根結底都是css(樣式)來控制,所以我目前想到的有2種: 所有程式碼直接在JS裡面寫: var test = document.getelementById(""test); test .style.backgroundImage="linear-gradient(120deg, #155799, #159957)"; PS:這兒的backgroundImage的‘i’一定要大寫,並且一定要這麼寫,不能寫成和長沙市裡面的background-image一樣,JS不識別的。 2.在css裡面寫好之後,透過js給element新增class來新增樣式: 在樣式表定義好樣式 css: .jianbian{ background-image: linear-gradient(120deg, #155799, #159957); } 然後透過js給元素新增class js: var test = document.getelementById(""test); test.className = "jianbian" ; 大概就這樣了,不過你還需要考慮一下不同瀏覽器的相容性,關於漸變的寫法。 -webket-/-moz-之類的
class="answer-text mb-10 "> 其實漸變的實現歸根結底都是css(樣式)來控制,所以我目前想到的有2種: 所有程式碼直接在JS裡面寫: var test = document.getelementById(""test); test .style.backgroundImage="linear-gradient(120deg, #155799, #159957)"; PS:這兒的backgroundImage的‘i’一定要大寫,並且一定要這麼寫,不能寫成和長沙市裡面的background-image一樣,JS不識別的。 2.在css裡面寫好之後,透過js給element新增class來新增樣式: 在樣式表定義好樣式 css: .jianbian{ background-image: linear-gradient(120deg, #155799, #159957); } 然後透過js給元素新增class js: var test = document.getelementById(""test); test.className = "jianbian" ; 大概就這樣了,不過你還需要考慮一下不同瀏覽器的相容性,關於漸變的寫法。 -webket-/-moz-之類的