의사 elements_javascript 기술 전후에 js 효과를 설정하는 방법
CSS(Cascading Style Sheets)의 주요 목적은 HTML 요소에 스타일을 추가하는 것입니다. 그러나 경우에 따라 문서에 추가 요소를 추가하는 것이 중복되거나 불가능합니다. 실제로 CSS에는 문서 자체를 방해하지 않고 추가 요소를 추가할 수 있는 기능, 즉 "의사 요소"가 있습니다.
이전 단어
의사 요소 전후에 js 효과를 직접 설정할 수 없습니다
예
이제 (ID가 상자이고 콘텐츠가 "I am test content"인 div가 있는 div 앞에 콘텐츠가 "접두사"이고 색상이 빨간색 의사 클래스임)을 추가해야 합니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="box">我是测试内容</div> <script> var oBox = document.getElementById('box'); </script>
</body>
</html> 로그인 후 복사
솔루션
[방법 1] CSS 스타일을 동적으로 삽입
IE8 브라우저는