要獲取HTML的CSS,我們需要使用JavaScript。
// 獲取第一個link標簽 var link = document.getElementsByTagName('link')[0]; // 獲取link標簽的href屬性 var linkHref = link.getAttribute('href'); // 創建一個新的XMLHttpRequest對象 var xhr = new XMLHttpRequest(); // 發送一個GET請求到linkHref xhr.open('GET', linkHref); xhr.onload = function() { // 將響應文本作為HTML字符串解析 var parser = new DOMParser(); var html = parser.parseFromString(xhr.responseText, 'text/html'); // 獲取HTML中的style標簽 var style = html.getElementsByTagName('style')[0]; // 將style標簽內容作為CSS字符串獲取 var css = style.innerHTML; // 打印CSS字符串 console.log(css); }; xhr.send();
首先,我們獲取HTML中的第一個link標簽。然后,我們獲取link標簽的href屬性,這是CSS文件的URL。接下來,我們使用XMLHttpRequest對象發送GET請求到這個URL,以獲取CSS文件的內容。在響應完成后,我們將響應文本作為HTML字符串解析,并獲取HTML中的第一個style標簽。最后,我們將style標簽的內容作為CSS字符串獲取,并將其打印到控制臺中。
上一篇html 設計代碼