개발/JavaScript
JavaScript - 엘리먼트의 속성 추가하기 1
뉴에이스
2020. 6. 3. 16:12
객체.속성명 = 값
사용자 정의속성은 추가되지 않는다.
소스
<body>
<button onclick="doAdd();">추가</button>
<div id="list"></div>
<script>
function doAdd() {
var list = document.querySelector("#list");
// <img msg="test" width="" height="" src="" />
// 자식이 없는 img 태그의 경우 속성을 추가
var img = document.createElement("img");
img.src = "https://www.google.co.kr/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png";
img.width = 200;
img.height = 150;
// 사용자가 정의한 속성을 추가 - 브라우저에 추가되지 않음 (. 방식)
img.msg = "test";
list.appendChild(img);
}
</script>
</body>
결과
