JS改變HTML元件樣式

2021-10-12 02:53:56 字數 1375 閱讀 7600

今天碰到乙個困擾自己很久的問題，最後終於解決了，做個筆記記錄一下。

涉及到跨頁面傳引數。

用localstorage解決。

在登入頁面

function


load()
在主頁獲取

function


online()


}
在主頁面設定乙個自執行的函式

在js檔案開始處加一行**

window.


online()


;
擷取了部分html**

>


>


charset


="utf-8"


>


>


title


>


src=


"./主頁.js"


>


script


>


head


>


>


type


="button"


class


="load"


onclick


="load()"


value


="登入"


style


="display


: block;


" id


="load"


>


body


>


html


>
報這樣的錯，查了很久才發現，原來是body中的內容js無法呼叫，導致 document.getelementbyid(「load」).style為空。

於是我把js的引用放到了後面

<


!doctype html>


"utf-8"


>


<


/title>


"./主頁.js"


>


<


/script>


<


/head>


"button"


class


="load" onclick=


"load()" value=


"登入" style=


"display: block;" id=


"load"


>


"./主頁.js"


>


<


/script>


<


/body>


<


/html>

js改變元素樣式

1.js改變由style方式引用的樣式 方法一 document.divs.style.csstext border 1px solid 000000 color ff0000 方法二 document.divs.setattribute style border 1px solid 000000 ...

通過JS改變HTML

利用來js控制頁面控制項顯示和隱藏有兩種方法，兩種方法分別利用html的style中的兩個屬性，兩種方法的不同之處在於控制項隱藏後是否還在頁面上佔空位。document.getelementbyid eleid style.visibility hidden document.getelementb...

使用JS動態改變元素樣式

今天寫了個小網頁，需要使用js動態改變元素樣式，結果很多麻煩，從網上找了一些解決辦法總算搞定。總結一下 改變樣式有三種辦法，style.stylename style.csstext,和 classname 光文字不好說啊，還是舉栗子吧 假定var mydiv document.getelement...