JS: как нацелиться на конкретного родителя, используя parentElement

Question

JS: как нацелиться на конкретного родителя, используя parentElement

Я не думаю, что SQL Server чувствителен к регистру, по крайней мере, не по умолчанию.

Когда я запрашиваю вручную через Management Studio, я все время исповедую дело, и он с готовностью принимает его :

select cOL1, col2 FrOM taBLeName WheRE ...

1

javascript

задан Ferdinando 18 January 2019 в 19:25

2 ответа

Другие вопросы по тегам:

javascript

Похожие вопросы:

score 0 · Answer 1

Это получит начальную начальную высоту, с которой, как вы сказали, вам необходимо перейти:

HTML:

<div class="order-body" style="height: 200px;">
    <div class="product-details">
        <div class=“price”>
            $9.99
        </div>
    </div>
</div>

<div class="order-body" style="height: 100px;">
    <div class="product-details">
        <div class=“price” id = “foo”>
            $5.99
        </div>
    </div>
</div>

<div class="order-body" style="height: 50px;">
    <div class="product-details">
        <div class=“price”>
            $10.99 
        </div>
    </div>
</div>

<script defer src="test.js"></script>

JavaScript:

// order-body array
const h = document.querySelectorAll(".order-body");

for (let i = 0; i < h.length; i++) {
    // https://developer.mozilla.org/en-US/docs/Web/API/Element/clientHeight
    // includes padding
    console.log(h[i].clientHeight);
    // >> 200
    // >> 100
    // >> 50

    // https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetHeight
    // includes padding, scrollBar, borders
    // console.log(h[i].offsetHeight);
}

score 0 · Answer 2

Если вы предварительно определили height в своем CSS, у вас уже есть начальная точка.

Чтобы получить первое div, вы можете перейти к ближайшему .order-body.

Вы можете использовать .closest('.order-body') или .parentElement.parentElement (если вам нужно поддерживать IE), а затем получить его previousElementSibling.

См. Фрагмент ниже:

let price = document.getElementById('foo');

price.addEventListener('click', increaseContainerHeight)

function increaseContainerHeight(event) {
  var first = event.target.parentElement.parentElement.previousElementSibling
  first.style.height = '200px'

}

.order-body {
  display: inline-block;
  background: #396;
  transition: 1s;
  height: 67px;
}

<div class="order-body">
  <div class="product-details">
    <div class="price">
      $9.99
    </div>
  </div>
</div>

<div class="order-body">
  <div class="product-details">
    <div class="price" id="foo">
      $5.99
    </div>
  </div>
</div>

<div class="order-body">
  <div class="product-details">
    <div class="price">
      $10.99
    </div>
  </div>
</div>