ตัวอย่างบทความนี้อธิบายถึงวิธีการรับรูปแบบการเชื่อมโยงภายนอกของ JS แบ่งปันสำหรับการอ้างอิงของคุณ การวิเคราะห์เฉพาะมีดังนี้:
โดยทั่วไปตั้งค่าสไตล์อินไลน์สำหรับองค์ประกอบเช่น <div id = "div1"> </div> เพื่อให้ได้สไตล์ของมันคุณสามารถรับหรือตั้งค่าโดย document.getElementById ("div1"). style.width อย่างไรก็ตามหากสไตล์อยู่ในลิงค์ภายนอกหรือสไตล์ที่ไม่ใช่บรรทัดของหน้าก็ไม่สามารถรับได้
ในเบราว์เซอร์มาตรฐานคุณสามารถใช้ window.getComputedStyll (obj, null) [คุณสมบัติ] เพื่อรับรูปแบบการเชื่อมโยงภายนอก แต่ในเบราว์เซอร์ IE คุณสามารถใช้ obj.currentstyle เพื่อรับมัน
รหัส HTML ที่สมบูรณ์มีดังนี้:
คัดลอกรหัสดังต่อไปนี้: <! doctype html>
<html>
<head>
<title> js รับองค์ประกอบลิงค์ภายนอก </title> <base target = "_ blank"/>>>>
<style type = "text/css">
P {
ความกว้าง: 500px;
ระดับความสูง: 30px;
-
</style>
<script src = "jQuery/jQuery-1.11.2.min.js">
</script>
<script>
ฟังก์ชั่น getStyle (obj, คุณสมบัติ) {
if (obj.currentstyle) {
ส่งคืน obj.currentstyle [ทรัพย์สิน];
} อื่นถ้า (window.getComputedStyle) {
ส่งคืน document.defaultView.getComputedStyle (obj, null) [คุณสมบัติ]; // หรือคุณสามารถรับสไตล์ผ่าน window.getComputeStyle
-
คืนค่า null;
-
$ (เอกสาร) .ready (function () {
$ ("P") คลิก (ฟังก์ชัน () {
การแจ้งเตือน (getStyle (นี้ "ความกว้าง"));
-
-
</script>
</head>
<body>
<p> หากคุณคลิกฉันความกว้างจะปรากฏขึ้น </p>
<p> คลิกฉันเพื่อปรากฏขึ้นความกว้าง </p>
<p> คลิกฉันด้วย ~ o (∩_∩) o ~ </p>
</body>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน