정보실

웹학교

정보실

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

본문

바닐라 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)




  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 6회 ]  작성일19-09-12 15:10

웹학교