如何从节点的 XPath 更改节点的边框颜色？

Question

我有一个元素的XPath(例如//html/body/div[1]/div[2](。我想获取元素并更改它的边框颜色。

我可以使用获取节点

document.evaluate(xPath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE).singleNodeValue

但我不知道下一步该怎么办。。。

Answer 1

您离它不远了——由于您从提供的代码中获得了节点，因此您只需要分配并添加样式即可。一种方法是使用JavaScript添加内联样式，例如：

// Select the node
var myDiv = document.evaluate('//html/body/div[1]/div[2]', document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null ).singleNodeValue;
//Add the style in-line
myDiv.style.border = "1px solid red";
// Or you can define a CSS class and add it that way
// myDiv.classList.add("my-class-with-border");

工作示例：https://codepen.io/scarabaeus/pen/wvPqMPK