시맨틱 UI 그리드 용 CMS 생성 마크 업 구조 수정

전체 그리드 스타일을 리엔지니어링하지 않고 행과 열 div 사이에 div를 추가 할 수 있습니까? SUI를 통합하려고하는 CMS는 내가 제거 할 수없는 원치 않는 div를 삽입합니다. 이 새로운 구조는 다음과 같습니다시맨틱 UI 그리드 용 CMS 생성 마크 업 구조 수정

<div class="ui grid"> 
 
    <div class="row"> 
 
    <div class="UNWANTED DIV"> 
 
     <div class="column"> 
 
     </div> 
 
     <div class="column"> 
 
     </div> 
 
    </div> 
 
</div> 
 
</div>

문제는 SUI 클래스 열이있는 사업부로 행하기 위해 내가 불행하게도 그렇게 할 수 없습니다 후 다음 사업부를 기대하고 있다는 것입니다. 이것을 설명하기 위해 시맨틱 그리드 CSS를 수정해야합니까? 아니면 마술 수정이 있습니까?

도움을 주시면 감사하겠습니다.

출처

2016-11-01 Kalvin MacLeod

원하지 않는 div의 outerHTML과 innerHTML을 병합하려면 조건문을 사용하십시오. 예를 들면 :

var foo = document.querySelector(".row > div"); 
 
if(foo.className === "UNWANTED DIV") 
 
    { 
 
    foo.outerHTML = foo.innerHTML; 
 
    } 
 

 
console.log(document.body.innerHTML);

.row > .column { border: 1px solid red; }

<div class="ui grid"> 
 
    <div class="row"> 
 
    <div class="UNWANTED DIV"> 
 
     <div class="column"> 
 
     </div> 
 
     <div class="column"> 
 
     </div> 
 
    </div> 
 
</div> 
 
</div>

참조

출처

2016-11-15 19:50:13

시맨틱 UI 그리드 용 CMS 생성 마크 업 구조 수정

답변

관련 문제