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);
오류는 포착되지 않은 구문 오류입니다. 할당 시 왼쪽이 잘못되었습니다.
그래서 누군가 저를 도울 생각이 있으시면 공유해 주세요 :)
JS에서 유효한 식별자가 아닌 속성 이름은 점 구문을 사용하여 액세스할 수 없습니다.
일반 JS 개체의 경우 대괄호 구문을 사용하여 이 제한을 우회할 수 있지만 HTML 요소에서는 작동하지 않습니다(속성은 설정되지만 속성은 요소의 속성이 되지 않음).
그러나 data-*
속성을 사용하여 요소의 속성 을 조작하는 방법 이 dataset
있습니다 .
div1.dataset.date = time;
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다