클래스나 ID를 사용하지 않고 특정 요소에 액세스하는 방법은 무엇입니까?

Question

모든 HTML 태그를 조작하려고 합니다. 코드는 다음과 같습니다.

var elements = document.getElementsByTagName("<*>")

변수 요소를 조작하고 그 안에 있는 라벨을 수정하고 싶습니다.

문제는 ID나 일종의 클래스 이름을 추가해야 한다는 것입니다.

ID나 학급명을 추가하는 것 외에 다른 방법은 없나요? 태그에 기본 특수 ID 등이 있습니까?

정말 감사합니다.

편집자:

저는 이러한 요소를 조작하기 위해 data-id를 사용했습니다. 이제... 내 코드는 다음과 같습니다.

<code>const dataIDName = "data-spellchecker"

//데이터 ID 초기화
noOfElements++;
elements[i].setAttribute(dataIDName, noOfElements);

<pre class="lang-js Prettyprint-override"><code>//data-id 변수를 통해 DOM 요소 가져오기

//dataId는 data-id 변수입니다.
document.querySelector(`[${dataIDName}="${dataId}"]`);
</code>

Answer 1

다음과 같은 주요 방법에 따라 요소를 얻을 수 있습니다:

1. ID
2. 수업
3. 이름
4. 태그 이름

또한 자신만의 논리로 xpath를 사용할 수 있습니다.

Answer 2

data-id 및 값

을 할당할 수 있습니다.

jquery를 사용하여 액세스할 수 있습니다

으아악

예:

으아악