Question

这可能是一个简单的问题，但我无法让它工作。以下是代码：

HTML

const char[]

我要做的是，使用单个选择器获取<div class="modal-header"> <div class="row"> <div class="col-md-9"> <div class="charge-items-page-title"> <h1 class="page-title">Service Charges Detail</h1> </div> </div> </div> </div> innerHtml。到目前为止，我已尝试过 css选择器，但没有效果。

h1

我可以通过向browserDriver.GetElement(".charge-items-page-title .page-title") browserDriver.GetElement("div.charge-items-page-title > h1")添加id来完成此操作，但我想知道我错过了什么？提前谢谢。

Answer 1

我不知道你要做什么，但你提供的代码示例都应该有用。你可以在下面看到一个演示。我将您的第一个代码设置为红色，第二个代码将背景颜色设置为黄色。

＆＃13;

.charge-items-page-title .page-title {
  color: red;
}
div.charge-items-page-title > h1 {
  background-color: yellow;
}

＆＃13;

<div class="modal-header">
  <div class="row">
    <div class="col-md-9">
      <div class="charge-items-page-title">
        <h1 class="page-title">Service Charges Detail</h1>
      </div>
    </div>
  </div>
</div>

＆＃13;

Answer 2

你走了。 getElementsByTagName已应用于外部div。

var x = document.getElementsByClassName('modal-header')[0];
var y = document.getElementsByTagName('h1')[0];

function print(){
  alert(y.innerHTML);
}

.modal-header{
  display:none; 
}

<div class="modal-header">
    <div class="row">
        <div class="col-md-9">
            <div class="charge-items-page-title">
                <h1 class="page-title">Service Charges Detail</h1>
            </div>
        </div>
    </div>
</div>

<button onclick="print()">Test</button>

如何使用单个css选择器将元素嵌套在多个div中？

2 个答案: