이 가이드에서는 JavaScript의 HTML DOM 요소 'nodeValue' 속성에 대해 설명합니다.
JavaScript에서 HTML DOM 요소 'nodeValue' 속성은 무엇입니까?
DOM(문서 개체 모델) 요소 ' 노드값 ”는 노드의 값을 설정하고 가져오는 유용한 속성입니다. 이 메서드는 지정된 노드가 요소 노드를 참조하는 경우 'null'을 반환합니다. 이 속성은 노드가 텍스트 노드에 포함된 경우 노드의 텍스트도 반환합니다. 반환 값은 노드 유형에 따라 다릅니다.
구문('nodeValue' 설정)
마디. 노드값 = 값
위의 구문에는 ' 값 ”를 사용자가 원하는 노드로 설정합니다.
구문('nodeValue' 반환)
마디. 노드값
이 주어진 구문은 ' 없는 ” 요소 및 문서 노드의 값, “ 텍스트 ”는 주석 및 텍스트 노드의 경우, “ 기인하다 ” 속성 노드의 경우.
언급된 예제의 도움으로 위에서 정의한 속성을 구현해 봅시다.
예: DOM 요소 'nodeValue' 속성을 적용하여 요소의 텍스트 검색
이 예제는 'nodeValue' 속성을 적용하여 생성된 버튼의 텍스트를 가져옵니다.
HTML 코드
먼저 아래에 명시된 코드를 살펴보십시오.
< 단추 > 새 버튼. < / 단추 >< 피 ID = '을 위한' >< / 피 >
위의 코드 라인에서:
- “ <버튼> ” 태그는 버튼을 추가합니다.
- “ ” 태그는 ID가 “para”인 빈 단락을 포함합니다.
자바스크립트 코드
이제 아래에 명시된 JavaScript 코드를 따르십시오.
< 스크립트 >const 요소 = 문서. getElementsByTagName ( '단추' ) [ 0 ] ;
결과를 보자 = 요소. 자식노드 [ 0 ] . 노드값 ;
문서. getElementById ( '을 위한' ) . innerHTML = ' 노드 값: ' + 결과 ;
스크립트 >
위의 코드 줄에서:
- 먼저 '를 적용하는 변수 'elem'을 선언합니다. getElementsByTagName() ” 메서드를 사용하여 '0' 인덱스에 있는 태그 이름으로 요소에 액세스합니다.
- 다음으로 'result' 변수는 ' 노드값 ”와 연결된 속성 자식노드 ” 속성을 사용하여 특정 자식 노드의 값을 가져옵니다.
- 마지막으로 “ getElementById() ” 메서드는 id “para”를 사용하여 빈 단락에 액세스하여 “result” 변수의 값, 즉 버튼 텍스트를 추가합니다.
산출
생성된 “
결론
자바스크립트에서 ' 노드값 ” HTML DOM의 속성은 노드 값 속성을 설정하고 가져오는 데 도움이 됩니다. 이 속성의 반환 값은 노드 유형에 따라 다릅니다. 이 속성은 요소와 문서에 대한 값을 표시하지 않습니다. 이 가이드에서는 JavaScript의 HTML DOM Element 'nodeValue' 속성에 대해 간략하게 설명했습니다.