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

How can I change the border color of a node from it's XPath?

提问人:user3073511 提问时间:2/13/2022 最后编辑:Steve Guser3073511 更新时间:2/13/2022 访问量:228

问:

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

我可以使用以下方法获取节点

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

但我不知道下一步该怎么做......

javascript css dom xpath

评论


答:

2赞 Steve G 2/13/2022 #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