사용자 정의 속성 자바 스크립트를 조작하는 방법

인덱스 오류

HTML 태그의 속성을 "선택"해야 하는 이 스크립트로 어려움을 겪고 있습니다.

버튼을 클릭하면 이 카운트다운이 시작되지만

내가 찾은 사용자 정의 카운트 다운을 사용하고 있습니다. 그리고 "data-date"라는 속성이 있습니다.

<div data-date="<?php echo date('Y/m/d H:i:s', $today); ?>" id="count-down"></div>

나는 내가 문제를 겪을 것이라는 것을 알고있다. <?php echo date('Y/m/d H:i:s', $today); ?>

하지만 괜찮습니다. 자바 스크립트로 변경하여 해결했다고 생각합니다.

이것이 내 스크립트가 얻은 방법입니다.

                var oldDateObj = new Date();
                var time = new Date();
                time.setTime(oldDateObj.getTime() + (<?=$time?> * 1000)); //adding time to the current time

                //How it should get

                //<h2>Countdown</h2>
                //<div data-date="<?php //echo date('Y/m/d H:i:s', $today); ?>" id="count-down"></div>

                document.getElementById("coluna1").innerHTML = "";

                let temp = document.createElement('h2');
                temp.innerHTML = 'Temporizador';


                let div1 = document.createElement('div');
                div1.data-date = time;                         //where the error occurs 
                div1.id = "count-down";


                document.getElementById("coluna1").appendChild(temp);
                document.getElementById("coluna1").appendChild(div1);

오류는 포착되지 않은 구문 오류입니다. 할당 시 왼쪽이 잘못되었습니다.

그래서 누군가 저를 도울 생각이 있으시면 공유해 주세요 :)

FZ

JS에서 유효한 식별자가 아닌 속성 이름은 점 구문을 사용하여 액세스할 수 없습니다.

일반 JS 개체의 경우 대괄호 구문을 사용하여 이 제한을 우회할 수 있지만 HTML 요소에서는 작동하지 않습니다(속성은 설정되지만 속성은 요소의 속성이 되지 않음).

그러나 data-*속성을 사용하여 요소의 속성 을 조작하는 방법 dataset있습니다 .

div1.dataset.date = time;

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

JSON을 사용하여 자바 스크립트의 특정 키를 모르고 속성 값을 얻는 방법

변수를 사용하여 자바 스크립트 개체의 함수 속성에 액세스하는 방법

Birt보고에서 자바 스크립트를 사용하여 속성을 설정하는 방법

자바 스크립트를 사용하여 각 JSON 객체에서 특정 속성을 추출하는 방법

자바 스크립트를 사용하여 객체의 속성 값을 얻는 방법

자바 스크립트를 사용하여 yaml 속성을 읽는 방법

자바 스크립트에서 속기 함수를 정의하는 방법

자바 스크립트의 사용자 지정 생성자에 사용자 지정 메서드를 추가하는 방법은 무엇입니까?

자바 스크립트를 사용하여 입력 필드에서 특정 선택 텍스트의 CSS 속성을 변경하는 방법

두 텍스트 영역의 유효성을 검사하는 자바 스크립트를 사용하는 방법

자바 스크립트에서 자신의 속성 값을 사용하는 방법

자바 스크립트를 통해 새로 추가 된 셀의 HTML 속성을 설정하는 방법

자바 스크립트의 기존 구조체 버퍼로 flatbuffers 메시지를 작성하는 방법

자바 스크립트를 사용하여 두 개의 json 배열 객체를 조작하는 방법

자바스크립트를 사용하여 3개월 결제 날짜의 날짜를 조작하는 방법

빠른 생성 양식에서 저장 버튼에 대한 사용자 정의 자바 스크립트 덮어 쓰기를 작성하는 방법

빠른 생성 양식에서 저장 버튼에 대한 사용자 정의 자바 스크립트 덮어 쓰기를 작성하는 방법

사용자 정의 작성기 스크립트에 인수를 전달하는 방법

자바 스크립트를 사용하여 행과 테이블의 배경색을 조작하는 방법

속성 이름이 포함 된 변수를 사용하여 자바 스크립트의 개체에서 속성을 선택하는 방법

자바 스크립트에서 선택한 옵션 요소 '값'속성의 값을 사용하는 방법

외부 자바 스크립트를 사용하여 양식 값의 유효성을 검사하는 방법

자바 스크립트에서 공용 및 개인 속성을 정의하는 방법

Magento-이 사용자 지정 제품 속성 스크립트를 실행하는 방법

자바 스크립트로 래퍼를 작성하는 방법?

이 자바 스크립트 코드에서 다른 클래스를 속성 지정하는 방법

자바 스크립트 속성을 사용하여 이미지 자동 조정

자바 스크립트를 사용하여 중첩 된 객체에서 모든 자식의 단일 속성을 얻는 방법은 무엇입니까?

<a>에 자바 스크립트를 사용하여 자식 요소가 포함되어있을 때 <a> 태그의 'aria-label'속성을 얻는 방법