분류 javascript

바닐라 자바 ​​스크립트를 사용하여 HTML 속성을 만드는 방법

컨텐츠 정보

  • 조회 173 (작성일 )

본문

바닐라 JavaScript를 사용하여 DOM의 HTML 요소에 속성을 추가해야 하는 경우 어떻게 해야 합니까?


querySelector()를 사용하여 선택한 요소가 있다고 가정하십시오.


const button = document.querySelector('#mybutton')


다음 단계에 따라 속성을 속성에 첨부 할 수 있습니다.

  1. 속성을 만듭니다
  2. 값을 정하다
  3. 요소에 속성을 첨부

예:

const attribute = document.createAttribute('id')
attribute.value = `remove-${item.name}`
button.setAttributeNode(attribute)


요소가 아직 없으면 먼저 작성하고 속성을 작성한 후 속성을 요소에 추가 한 다음 요소를 DOM에 추가해야 합니다.


const button = document.createElement('button')
const attribute = document.createAttribute('id')
attribute.value = `some-value`
button.setAttributeNode(attribute)
button.textContent = 'Click me'
document.querySelector('.container').appendChild(button)




HTML 속성querySelector