iT邦幫忙

1

JS筆記-幫元素加上style的寫法(Object.assign & cssText)

  • 分享至 

  • xImage
  •  

目錄

JS筆記-幫元素加上style的寫法
JS筆記-getPosition 讓你找到元素x,y位置
js筆記--寫腳本需要用到的waitForKeyElements.js
JS筆記-設定CSSstyle的function
JS筆記-使用fetch下載檔案/download.js好用的東西
JS筆記-前端新手練習小專案(附加4個JS實例網站可學)
JS筆記-關掉alert的簡單小技巧
JS筆記-使用ajax傳送表單(ex.傳送google表單)
JS筆記-前端撥放m3u8的兩種方法
JS筆記-讓chrome跳過「允許下載多個檔案」的技巧
JS筆記-製作copy效果
JS筆記-暫時讓網頁可以編輯
JS筆記-VScode自己設定速打
JS筆記-VScode的Prettier(自動排版)怎麼開始使用?

前情提要

很常寫小工具會需要js來幫忙修改CSS
JS不像是Jq一樣方便 所以如果想要幫元素加上style
其實有滿多方法 這邊筆記兩種


1.

document.getElementById("myElement").style.cssText = `
  display: block; 
  position: absolute;
`;

都蠻好用的


2.
const ele=document.getElementById("ele_id");
const custom_style={
    display: "block",
    color: "red"
}

//Object.assign():
Object.assign(ele.style,custum_style);

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言