[JavaScript] Cafe24서버로 관리되는 css DOM에 접근해서 바꾸기

  window.addEventListener('DOMContentLoaded', function() {
    // select 요소를 선택
    var selectElement = document.querySelector('select#product_option_id1.ProductOption0');

    // 변경할 옵션 요소를 선택
    var optionElement = selectElement.querySelector('option[value="*"][selected][link_image]');

    // 옵션 텍스트를 변경
    if (optionElement) {
      optionElement.textContent = '옵션 선택으로 더 저렴한 세트 구매를 해보세요 :)';
    }
  });​

 

---

 

 

<script>
  // 웹 페이지가 로드될 때 실행되는 함수
  window.addEventListener('DOMContentLoaded', function() {
    // select 요소를 선택
    var selectElement = document.querySelector('select#product_option_id1.ProductOption0');

    // 기존 optgroup 요소를 선택 (label이 '구성 선택'인 경우)
    var existingOptgroup = selectElement.querySelector('optgroup[label="구성 선택"]');

    // 기존 optgroup를 찾고 label을 변경
    if (existingOptgroup) {
      existingOptgroup.label = '옵션 선택으로 더 저렴한 세트 구매를 해보세요 :)';
    }
  });
</script>