通過JS改變HTML

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

document.getelementbyid("eleid").style.visibility="hidden";

document.getelementbyid("eleid").style.visibility="visible";

利用上述方法實現隱藏後，頁面的位置還被控制項占用，顯示空白。

方法二：

document.getelementbyid("eleid").style.display="none";

document.getelementbyid("eleid").style.display="inline";

利用上述方法實現隱藏後，頁面的位置不被占用。

1.通過id或者其他元素找到要處理的html物件：（舉例通過id）

var obj=document.getelementbyid('id');

2.操作此物件

新增屬性：obj.setattribute('attr_name','attr_value');

獲取屬性值：obj.getattribute('attr_name');

刪除屬性：obj.removeattribute('attr_name');

sessionstorag.setitem('key','value')         儲存資料到sessionstoragvar data = sessionstorag.getitem('key')      從sessionstorag獲取資料

sessionstorag.clear()            刪除所有儲存的資料

JS改變HTML元件樣式

今天碰到乙個困擾自己很久的問題，最後終於解決了，做個筆記記錄一下。涉及到跨頁面傳引數。用localstorage解決。在登入頁面 function load 在主頁獲取 function online 在主頁面設定乙個自執行的函式 在js檔案開始處加一行 window.online 擷取了部分htm...

通過js修改元素html屬性

獲取元素物件 var title document.getelementbyid title 通過style屬性修改樣式,在css中樣式名是通過 分隔,在js中,樣式名要用駝峰命名法 title.style.fontsize 20px textcontent和innerhtml屬性都用於修改元素的內...

通過dom改變css，html

控制代碼dom監聽事件 document.getelementbyid btn addeventlistener click function doctype html html lang en head meta charset utf 8 meta name viewport content w...