原生js:使用map處理getElementsByTagName返回值,並且操作dom時使“!important“生效
為什麼document.getElementsByTagName返回的值無法使用陣列方法map,因為
getElementsByTagName返回的是一個類陣列物件NodeList
類js陣列無法直接使用陣列的方法map,需要通過Array.from轉換成js陣列。
【不知出於何種原因】無法直接Array.from(document.getElementsByTagName('img'));
需要拆分成兩步
例子:
let a = document.getElementsByTagName('img');
let all_img_dom = Array.from(a);
all_img_dom.map(item=>{
item.setAttribute('style', 'display:none!important')
})
如果直接使用Element.style.display = "none!important"則後面的!important是不會生效的,所以需要使用setAttribute
相關文章
- 原生JS 操作 DOMJS
- 使用原生 JavaScript 操作 DOMJavaScript
- 原生JS DOM方法JS
- PHP 原生 DOM 物件操作 XMLPHP物件XML
- js原生dom方法總結JS
- js的dom操作JS
- js dom元素事件處理簡單介紹JS事件
- 【vue系列】Virtual DOM 真的比操作原生 DOM 快嗎?Vue
- js原生dom物件和jQuery物件可以混合使用嗎?JS物件jQuery
- 前端面試(原生js篇) – DOM前端面試JS
- nodejs“並行”處理嘗試NodeJS並行
- 用 ParallelJS 並行處理 JavaScriptParallelJS並行JavaScript
- Calcite 使用原生的RDD 處理SparkSpark
- JS中DOM操作總結JS
- js動態新增一個按鈕並且註冊事件處理函式程式碼例項JS事件函式
- js原生節點操作JS
- JS時間處理外掛MomentJSJS
- vue js事件方法呼叫api並返回值VueJS事件API
- 表格資料處理的2種寫法,偽元素和操作dom
- Jscalpel 使操作物件更容易JS物件
- main函式返回值的處理AI函式
- 原生JS中DOM節點相關API合集JSAPI
- Oracle並行操作——淺議使用並行的時機Oracle並行
- Rollup處理並打包JS檔案專案例項JS
- JS知識總結之DOM操作JS
- JS中的DOM— —節點以及操作JS
- JS錯誤記錄 – dom操作 – 排序JS排序
- js中Dom操作的個人總結JS
- Extjs DOM操作的幾個類JS
- 處理可能超時的非同步操作非同步
- LocalDateTime替代Date操作處理日期時間LDA
- 原生JS獲取日期段及時間比較的騷操作(基本操作)JS
- [轉]使用 SAX 處理 XML 文件 和與DOM的區別XML
- 0.1、JS-時間處理積累JS
- 原生ajax處理json格式資料程式碼例項JSON
- 事件冒泡、事件捕獲、DOM0級事件處理程式、DOM2級事件處理程式事件
- 原生js的常用dom元素操簡單介紹JS
- jQuery物件與原生JS dom物件間的轉換jQuery物件JS