Question

我想在我网站的粘性标头中应用JavaScript。为此，我想通过JavaScript在粘滞div中定位一个div。请让我知道如何使用JavaScript定位其他div内的潜水。

var yourHTML = '<div class="mynewdiv">Test</div>';
document.getElementsByClassName('at-sticky' 'custom-logo-link') 
[0].innerHTML = yourHTML;

<div class="at-sticky"> 
  <div class="container"> 
    <div class="navbar-header"> 
      <a href="#" class="custom-logo-link" 
      rel="home" itemprop="url">
        <img src="#" class="custom-logo">
      </a>
    </div>
  </div>
</div>

Answer 1

您可以尝试使用Document.querySelector()，它允许CSS之类的选择器：

var yourHTML = '<div class="mynewdiv">Test</div>';
document.querySelector('.at-sticky .custom-logo-link').innerHTML = yourHTML;

<div class="at-sticky"> 
  <div class="container"> 
    <div class="navbar-header"> 
      <a href="#" class="custom-logo-link" 
      rel="home" itemprop="url">
        <img src="#" class="custom-logo">
      </a>
    </div>
  </div>
</div>

Answer 2

Please use querySelector()

var yourHTML = '<div class="mynewdiv">Test</div>';
document.querySelector('.at-sticky .custom-logo-link').innerHTML = yourHTML;

Answer 3

最简单的解决方案是使用querySelector

示例：

document.querySelector('.at-sticky .container .custom-logo-link').innerHTML = yourHTML

Answer 4

请在类名之间添加逗号：

document.getElementsByClassName('at-sticky', 'custom-logo-link')[0].innerHTML = yourHTML;

Answer 5

确定2分：首先，在使用innerHTML时，您要在元素中插入文本，而不是像您那样插入full标记。其次，您只需要传递“ document.getElementsByClassnames”您要定位的类名即可。不必担心父div，它应该可以正常工作。我本来可以发表评论，但我的声誉还不够；）

Answer 6

您可以为此使用children（）函数。

$('.at-sticky').children();

Answer 7

您可以为此使用 querySelector。

假设您有以下 HTML 结构

<div class="parentDiv">
  <a href="#"></a>
</div>

然后你可以在 JavaScript 中做到这一点

let parentDiv = document.querySelector('.parentDiv')
let childLink = parentDiv.querySelector('a')

console.log(childLink)

如何通过Javascript定位子div？

7 个答案: