> 웹 프론트엔드 > 프런트엔드 Q&A > 자바스크립트에서 수평선을 삭제하는 코드는 무엇입니까?

자바스크립트에서 수평선을 삭제하는 코드는 무엇입니까?

青灯夜游
풀어 주다: 2022-03-28 18:30:16
원래의
2604명이 탐색했습니다.

가로선을 삭제하는 자바스크립트 코드는 "body object.removeChild(hr object)"입니다. 수평선은 hr 요소를 사용하여 정의됩니다. 수평선을 삭제하려면 상위 요소 본문에서 hr 요소를 제거하기 위해 javascript RemoveChild() 함수만 사용하면 됩니다.

자바스크립트에서 수평선을 삭제하는 코드는 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

javascript 수평선 삭제

수평선은 hr 요소를 사용하여 정의됩니다.

가로선을 삭제하려면 자바스크립트의 RemoveChild() 함수를 사용하여 상위 요소 본문에서 hr 요소를 삭제하면 됩니다.

예:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<h1>这是一个大标题</h1>
		<p id="p1">这是一段文字。</p>
		<p id="p2">这是另一段文字。</p><hr id="hr" />
		<button onclick="myFunction()">删除水平线(hr)</button>
		<script>
			function myFunction() {
				var body = document.getElementsByTagName("body")[0];  //获取body元素的引用
				var hr = document.getElementById("hr");  //获取hr元素的引用
				body.removeChild(hr);
			}
		</script>
	</body>
</html>
로그인 후 복사

자바스크립트에서 수평선을 삭제하는 코드는 무엇입니까?

설명:

removeChild() 메서드는 하위 노드 목록에서 노드를 제거할 수 있습니다. 사용법은 다음과 같습니다.

nodeObject.removeChild(node)
로그인 후 복사

파라미터 노드는 삭제할 노드입니다. 삭제에 성공하면 삭제된 노드가 반환되고, 실패하면 null이 반환됩니다.

removeChild() 메서드를 사용하여 노드를 삭제하면 해당 노드에 포함된 모든 하위 노드가 동시에 삭제됩니다.

【관련 추천: javascript 비디오 튜토리얼, web front-end

위 내용은 자바스크립트에서 수평선을 삭제하는 코드는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿