Javascript 如何根据文本选择特定元素
我只想根据标题值更改元素的css。我只想更改标题为的按钮的css属性,这一个。我不能修改HTMLJavascript 如何根据文本选择特定元素,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我只想根据标题值更改元素的css。我只想更改标题为的按钮的css属性,这一个。我不能修改HTML .x-window>.x-window-bl>.x-window-br>.x-window-bc>.x-window-footer>.x-panel-fbar>.x-toolbar-ct>tbody>tr>td>table>tbody>tr>td>table>tbody>.x-toolbar-right-row>.x-toolbar-cell>table>.x-btn-small>tr>td:nt
.x-window>.x-window-bl>.x-window-br>.x-window-bc>.x-window-footer>.x-panel-fbar>.x-toolbar-ct>tbody>tr>td>table>tbody>tr>td>table>tbody>.x-toolbar-right-row>.x-toolbar-cell>table>.x-btn-small>tr>td:nth child(2)>em>按钮{
背景颜色:红色
}
这个
取消
不是这个
取消
您可以像这样使用数据属性
来获得相同的结果
[data content=“this one”]{
颜色:红色;
}
这个
不是这个
使用第一个孩子
.x-window:first child.x-window-bl>.x-window-br>.x-window-bc>.x-window-footer>.x-panel-fbar>.x-toolbar-ct>tbody>tr>td>table>tbody>tr>td>table>tbody>.x-toolbar-right-row>.x-toolbar-cell>table>.x-btn-small>tr>td:nth child(2)>em>按钮{
背景颜色:红色
}
这个
取消
<script>
getElementsByContains = function(str,elmtTagName="*",node=document){
var elms = document.evaluate( "//"+elmtTagName+"[contains(., '" +str+ "')]" ,node, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null ), nodeSet = [];
for ( var i=0 ; i < elms.snapshotLength; i++ ){
nodeSet.push(elms.snapshotItem(i));
}
return nodeSet;
}
getElementsByContains('Cancel','button')[0].style.background ='red';
</script>