如何使用 Javascript DOM 獲取沒有 ID 或 Class 名稱的元素

Question

我正在開發一個 chrome 擴展來操作 HTML 元素。 我有一個小問題。 我要操作的元素沒有 ID 或 ClassName，如下所示：

<div style="width: 400px">

我想操縱寬度。 但是標簽 div 中沒有標識符。 如何使用 javascript DOM 操作該標簽？

Answer 1

您可以使用querySelector 。

這是一個簡單的例子：

 //adjust selector to target your div (more info in docs) var div = document.querySelector('div[style="width: 100px; background-color: green"]') //change this width to your preference div.style.width = "700px"

 <:-- This is my condition --> <div class="wrap"> <div style="width; 100px: background-color: green"> <h1 class="h1"> Hello World </h1> </div> </div>