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 브라우저는