.setAttribute().setAttribute()는 선택한 요소(element)의 속성(attribute) 값을 정한다.
<<문법>>
element.setAttribute( 'attributename', 'attributevalue' )attributename에는 속성 이름을, attributevalue에는 속성값을 넣습니다.
<<예시>>
document.getElementById( 'xyz' ).setAttribute( 'title', 'This is title' )▶ id 값이 xyz인 요소의 title 속성을 This is title로 정합니다. 만약 이미 속성값이 존재한다면 그 값을 지우고 새 값을 적용합니다.
<!doctype html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>JavaScript | .setAttribute()</title>
</head>
<body>
<p><a id="abc" href="#">CODING FACTORY</a></p>
<script>
document.getElementById( 'abc' ).setAttribute( 'href', 'https://www.codingfactory.net' );
</script>
</body>
</html>▶ id 값이 abc인 요소의 href 속성값을 변경하는 예제입니다.
function knowMyself(e) {
var liRow = e.parentNode;
var key = liRow.getAttribute('data-key');
var liRowSelectbox = liRow.querySelector('#saleValue-' + key);
return {
liRow: liRow,
key: key,
liRowSelectbox: liRowSelectbox
};
}
function focusoutOrderPrice(e) {
if (!(validateSalePrice('input', e.parentNode))) return false;
}
function changeSalePrice(e) {
if (!(validateSalePrice('selectbox', e))) return false;
}
function validateSalePrice(type, e) {
var self = knowMyself(e);
self.liRowSelectbox.setAttribute('disabled', '');
}▶ validation check 할 때 사용한 예시
'Frontend > Javascript' 카테고리의 다른 글
| JSON.parse(), JSON.stringify() (0) | 2021.03.05 |
|---|---|
| 스타일 내기위한 자바스크립트 (0) | 2021.02.28 |
| 메뉴 아코디언 표현하기 (0) | 2019.02.11 |
| Array.prototype.slice.call 이해하기 (0) | 2018.12.18 |
| vanilla javascript 이미지 찾아서 바꾸기 (0) | 2018.12.11 |