JavaScript 는 body 내 임의의 노드 의 사용자 정의 속성 기능 예제 를 실현 합 니 다.
1929 단어 JavaScript노드
HTML 에서 body 안의 임의의 노드 는 속성 을 사용자 정의 할 수 있 습 니 다.물론 body 는 포함 되 지 않 습 니 다.
예 를 들 어 다음 코드:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html </title>
</head>
<body>
<span id="s" iii="222"></span>
</body>
</html>
저 는 id 를 s 의 줄 내 위치 에 사용자 정의 속성 ii 를 정의 할 수 있 습 니 다.그 값 은 222 입 니 다.분명 한 ii 는 span 요소,심지어 다른 임의의 요소 의 기본 속성,즉 id,style 등 이 아니 기 때문에 이 노드 안의 물건 에 대한 표현 에 영향 을 주지 않 습 니 다.그러나 이렇게 하 는 것 은 무슨 의미 가 있 습 니까?이것 은 주로 자 바스 크 립 트 에 진일보 한 조작 을 제공 하 는 데 쓰 인 다.가끔 은 HTML 이 위 에서 보 여 준 것 처럼 간단 하지 않 습 니 다.동적 웹 페이지 언어 phop,jsp,asp.net 과 결합 하면 모든 것 이 복잡 해 집 니 다.탭 을 설정 하여 조작 할 노드 를 설정 할 수 있 습 니 다.getAttribute 와 setAttribute 를 통 해 조작 할 수 있 습 니 다.예 를 들 어 위의 HTML 페이지 에 다음 과 같은 스 크 립 트 를 기록 합 니 다.
<script>
var span=document.getElementById("s");
alert(s.getAttribute("iii")+"");
s.setAttribute("iii","2222121");
alert(s.getAttribute("iii")+"");
</script>
먼저 span 이 노드 를 가 져 온 다음 에 그 속성 값 을 가 져 옵 니 다.그리고 이 속성 값 을+"를 통 해 문자열 로 강제로 바 꿔 야 정상적으로 팝 업 할 수 있 습 니 다.이후 span 노드 의 ii 속성의 값 을 2222121 로 설정 하고 팝 업 합 니 다.
다음 그림 과 같이 실행 효과:
자 바스 크 립 트 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있다.
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
기초 정리 - 1문자 (String) 숫자 (Number) 불린 (Boolean) null undefined 심볼 (Symbol) 큰정수 (BigInt) 따옴표로 묶어 있어야 함 Not-A-Number - 숫자 데이터 / 숫자로 표...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.