如何使用 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>