function wrap(el, wrapper) {
el.parentNode.insertBefore(wrapper, el);
wrapper.appendChild(el);
}
wrap(document.querySelector('a.wrap_me'), document.createElement('div'));
function wrap(parent, className = 'wrapper') {
const wrapper = document.createElement('div');
wrapper.classList = className;
parent.childNodes.forEach(ch => wrapper.appendChild(ch));
parent.appendChild(wrapper);
}
document.querySelectorAll('td')
.forEach(td => wrap(td, 'text'));
// Ajax обновление корзины
const ajaxUpdateCartContainer = document.querySelector('div.woocommerce');
if (ajaxUpdateCartContainer){
ajaxUpdateCartContainer.addEventListener('change', ({ target }) => {
target.closest('input.qty');
document.querySelector('[name="update_cart"]').click();
});
}
.pic {
display: inline-block;
}
.pic img {
opacity: 1;
transition: opacity 1s linear;
}
.pic img.invisible {
opacity: 0;
}
button {
padding: 1em;
}
button.active {
background: tomato;
}document.body.addEventListener('click', e => {
if (!e.target.matches('button')) return
const img = document.querySelector('.pic img')
img.classList.add('invisible')
img.ontransitionend = () => {
img.onload = () => img.classList.remove('invisible')
img.src = e.target.dataset.src
document.querySelectorAll('button').forEach(btn => btn.classList.remove('active'))
e.target.classList.add('active')
}
})
const obj = {
sort: 1,
noSort: 2,
}
const x = 'noSort';
console.log(obj.sort) // 1
console.log(obj[x]) // 2
// эквивалент в этом примере
console.log(obj['noSort']) // 2body дал overflow - x hidden, не помогает
Не могу понять что ломает верстку
navigator.mediaDevices.getUserMedia({video: true})
$('.cart-arrow, main') какие по Вашему выбираются элементы в этом селекторе?