如何使用Javascript DOM获取没有ID或类名的元素

Question

我正在开发一个用于操作HTML元素的chrome扩展。我遇到了一个小问题。我想要操作的元素没有ID或ClassName，如下所示：

<div style="width: 400px">

我想操纵宽度。但是标签div中没有标识符。如何使用JavaScriptDOM操作该标签？

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>