이혼 소송 체크리스트
이혼 소송 준비중이시라면, 꼭 확인하셔야 할 체크리스트 입니다.
body{
margin:0;
}
.wrapper {
position: fixed;
display: none;
justify-content: center;
align-items: center;
top:0%;
width:100vw;
height:100%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 100;
/* background:rgba(0, 0, 0, 0.9); */
}
.wrapperInner {
width: 60%;
position: relative;
display:flex;
justify-content: center;
align-items: center;
}
.inner__img{
justify-self: center;
align-self: center;
width: 100%;
}
.inner__title{
color: white;
}
.inner__desc{
color: white;
}
body = document.querySelector('body')
wrapper = document.createElement('div')
wrapper.classList.add('wrapper')//클래스 추가
wrapperInner = document.createElement('div')
wrapperInner.classList.add('wrapperInner')//클래스 추가
body.appendChild(wrapper)
wrapper.appendChild(wrapperInner)
targetDivs = document.querySelectorAll('#mwkdqemlvaqbaztkqxmtcycyswqbcoeingld .brz-column__items')
innerImgs = document.querySelectorAll('#mwkdqemlvaqbaztkqxmtcycyswqbcoeingld .brz-column__items img')
targetDivs.forEach(ele => {
ele.addEventListener('click',()=>{
console.log('a')
wrapper.style.display = 'flex'
innerImg = ele.children[0].children[0].children[0].children[2]
innerTitle = ele.children[1].children[0].children[0].children[0].innerText
innerDesc = ele.children[2].children[0].children[0].children[0].innerText
wrapperInner.innerHTML = `
${innerTitle}
`
})
});
wrapper.addEventListener('click',()=>{
wrapper.style.display = 'none'
})
${innerTitle}
${innerDesc}