如何通过Javascript定位子div？

Question

I want to apply JavaScript on sticky header in my site. For this I want to target a div inside sticky div by JavaScript. Please let me know how to target a dive that is inside some other divs by JavaScript.

 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

You can try with Document​.query​Selector() which allows CSS like selector:

 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

Simplest solution is using querySelector

Example :

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

Answer 4

请在类名之间添加逗号：

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

Answer 5

Ok 2 points: Firstly when using innerHTML you are inserting text into your element, not the full tag as you have done. Secondly you only need pass in to 'document.getElementsByClassnames' the class name that you are targeting. Dont worry about the parent div, that should work fine as is. I would have posted a comment but I don't have enough reputation yet;)

Answer 6

您可以为此使用 children() 函数。

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

Answer 7

You can use querySelector for this.

Let's say you have the following HTML structure

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

Then you can do this in JavaScript

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

console.log(childLink)