Bagaimana untuk menetapkan kesan js untuk sebelum dan selepas kemahiran pseudo elements_javascript

WBOY
Lepaskan: 2016-05-16 15:27:47
asal
1545 orang telah melayarinya

Tujuan utama Cascading Style Sheets (CSS) adalah untuk menambah gaya pada elemen HTML Walau bagaimanapun, dalam beberapa kes menambah elemen tambahan pada dokumen adalah berlebihan atau mustahil. Malah, terdapat ciri dalam CSS yang membolehkan kita menambah elemen tambahan tanpa mengganggu dokumen itu sendiri, iaitu "unsur semu".

Perkataan sebelumnya

Tidak mungkin untuk menetapkan kesan js secara langsung untuk elemen pseudo sebelum dan selepas

Contoh

Kini anda perlu menambah (:sebelum kandungan adalah "awalan", warna adalah kelas pseudo merah) untuk (div dengan id sebagai kotak dan kandungan sebagai "Saya kandungan ujian")

<!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> 
Salin selepas log masuk

Penyelesaian

[Kaedah 1] Benamkan gaya CSS secara dinamik

IE8-browser menganggap teg