Tengo el XPath de un elemento (por ejemplo, //html/body/div[1]/div[2] ). Quiero buscar el elemento y cambiar el color del borde.
Puedo buscar el nodo usando
document.evaluate(xPath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE).singleNodeValuePero no sé qué hacer a continuación...
No está muy lejos de eso: dado que tiene el nodo del código provisto, solo tiene que asignar agregar el estilo. Una forma es usar JavaScript para agregar los estilos en línea, por ejemplo:
// 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");Ejemplo de trabajo: https://codepen.io/scarabaeus/pen/wvPqMPK