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

Question

我正在开发用于操作 HTML 元素的 chrome 扩展。我有一个小问题。我要操作的元素没有 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>

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

How to get element without ID or Class Name using Javascript DOM

html

javascript

dom

google-chrome-extension