JavaScript 는 body 내 임의의 노드 의 사용자 정의 속성 기능 예제 를 실현 합 니 다.

1929 단어 JavaScript노드
이 사례 는 JavaScript 가 body 내 임 의 노드 를 실현 하 는 사용자 정의 속성 기능 을 설명 합 니 다.여러분 께 참고 하도록 공유 하 겠 습 니 다.구체 적 으로 는 다음 과 같 습 니 다.
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 로 설정 하고 팝 업 합 니 다.
다음 그림 과 같이 실행 효과:

자 바스 크 립 트 관련 내용 에 관심 이 있 는 독자 들 은 본 사이트 의 주 제 를 볼 수 있다.
본 고 에서 말 한 것 이 여러분 의 자 바스 크 립 트 프로 그래 밍 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기