【จากการซื้อกิจการสไตล์บรรทัด】
<div id = 'div1' style = "backgroud: red"> ทดสอบ </div> <script> var odiv = document.getElementById ('div1'); // ก่อนอื่นรับแท็กองค์ประกอบเพื่อรับสไตล์นั่นคือรับ div1 console.log (odiv.style.background); // เพื่อที่เราจะได้รับสไตล์ระหว่างบรรทัด </script>【การได้มาสไตล์แบบบูรณาการ】
<html> <head> <style> .DIV2 {พื้นหลัง: สีแดง; } </style> </head> <body> <div id = "div1"> ทดสอบ </div> <script> var odiv = document.getElementById ('div1'); // ก่อนอื่นรับแท็กองค์ประกอบเพื่อรับสไตล์นั่นคือรับ div1 //console.log( getComputedStyle(odiv,null).background); getComputedStyle ("องค์ประกอบ", "pseudo-class") เป็นสไตล์ที่ได้รับหลังจากการคำนวณ พารามิเตอร์ที่สองคือคลาสหลอก หากไม่ได้ใช้ NULL โดยตรง IE8 ที่ชั่วร้ายและคนก่อนหน้านี้ไม่สนับสนุนดังนั้นจึงจำเป็นต้องใช้วิธีการต่อไปนี้ //console.log(currentstyle.background) นี่เป็นเพียงการสนับสนุนโดย IE เท่านั้น นอกจากนี้ยังได้รับคอนโซลสไตล์ที่คำนวณได้ (window.getComputedStyle? getComputedStyle (odiv, null). background: odiv.currentstyle); // ความเข้ากันได้ข้ามเบราว์เซอร์ </script> </body> </html>【การได้มาซึ่งรูปแบบการเชื่อมโยงภายนอก】
<html> <head> <link rel = "stylesheet" type = "text/css" href = "basic.css"/> // sutline link style sheet </head> <body> <div id = "div1"> การทดสอบ </div> <script> console.log (regu.style.background) // สีแดงด้วยวิธีนี้คุณจะได้รับสไตล์ที่ระบุในแผ่นสไตล์ลิงค์ภายนอก </script> </body> </html>
【แผ่นสไตล์ลิงค์ด้านนอก】
.DIV2 {พื้นหลัง: สีแดง;}วิธีง่ายๆในการรับ CSS Interline Styles สไตล์อินไลน์และรูปแบบการเชื่อมโยงภายนอกในบทความข้างต้นคือเนื้อหาทั้งหมดที่ตัวแก้ไขได้แชร์กับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น