자바스크립트에서 id 속성을 통해 페이지 요소를 가져오는 방법
- 醉折花枝作酒筹원래의
- 2021-06-09 16:44:199417검색
Javascript에서는 getElementById 메소드를 사용하여 페이지 요소를 얻을 수 있습니다. 구문 형식은 "document.getElementById("id name")"입니다. getElementById 메소드는 지정된 ID를 가진 첫 번째 객체에 대한 참조를 반환합니다.
이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.
웹 페이지는 태그별로 정보를 구성하며 태그의 id 속성 값은 고유합니다. javascript를 통해 얻을 요소를 찾는 방법
document.getElementById("id") //语法실행 결과가 null 또는 [object]인 요소를 찾으려면 다음 코드를 사용하세요. HTMLParagraphElement]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>通过ID获取元素</title>
<script type="text/javascript">
var myceshi=document.getElementById('ceshi');//获取元素存储在变量中
// document.write('结果:'+myceshi);//输出变量
alert(myceshi);
document.write('结果:'+myceshi);//输出变量
</script>
</head>
<body>
<div id="ceshi">I love javascript</div>
<!-- <script type="text/javascript">
var myceshi=document.getElementById('ceshi');//获取元素存储在变量中
// document.write('结果:'+myceshi);//输出变量
alert(myceshi);
document.write('结果:'+myceshi);//输出变量
</script> -->
</body>
</html>요소에 대해 작업을 수행하려면 해당 속성이나 메서드를 사용해야 합니다. (객체 HTMLParagraphElement는 객체 HTML 단락 요소입니다. 얻은 것이 요소입니다. 이 요소도 객체입니다. 얻은 객체는 내부 값을 표시하지 않으므로 객체 HTMLParagraphElement가 표시됩니다. 내부 값을 추출하려면, 이를 얻으려면 innerHTML을 사용하십시오.)
getElementById() 메소드는 지정된 ID를 가진 첫 번째 객체에 대한 참조를 반환합니다.
요소를 찾는 여러 메서드를 정의합니다. getElementById() 외에도 getElementsByName() 및 getElementsByTagName()도 있습니다.
그러나 문서에서 특정 요소를 찾아야 하는 경우 가장 효율적인 방법은 getElementById()입니다.
문서의 특정 요소를 조작할 때 요소에 ID 속성을 부여하고 (문서에서) 고유한 이름을 부여한 다음 해당 ID를 사용하여 원하는 요소를 찾는 것이 가장 좋습니다.
【추천 학습: javascript 고급 튜토리얼】
위 내용은 자바스크립트에서 id 속성을 통해 페이지 요소를 가져오는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!