Tentu. Jelas, akan lebih baik menggunakan CSS saja tetapi jika Anda tidak bisa, gunakan apa yang Anda miliki. Lakukan sebanyak yang Anda bisa dengan CSS dan gunakan JS seperlunya. Tidak yakin mengapa Anda tidak dapat mengubah CSS yang ada tetapi Anda bisa menambahkan style sheet dengan JS.
(function() {
//create a new element
var newStyle = document.createElement("link");
//set the required attribute for a valid css file
newStyle.rel = "stylesheet";
newStyle.href = "http://example.com/the/location/of/your/css/stylesheet.css";
//and then append it to the <head>
document.getElementsByTagName("head")[0].appendChild(newStyle);
})();
Sumber: http://christian-fei.com/add-stylesheets-after-the-head-using-javascript/
kemudian menjadi gila dengan kueri CSS / media.
Atau dengan jQuery:
$('head').append('<link rel="stylesheet" type="text/css" href="{url}">');
Saya telah melakukan 'skin' responsif di mana beberapa hal tidak mungkin dilakukan tanpa mengubah DOM. Jika Anda tidak memiliki akses ke HTML, manipulasi JS DOM terkadang merupakan satu-satunya jawaban.
Suntingan:
Tergantung pada persyaratan visual dari versi layar kecil Anda, Anda mungkin akan terkejut melihat seberapa jauh potongan CSS ini akan membawa Anda sepanjang jalan menuju 'mobile friendly'.
/* hopefully the original CSS developer didn't include a bunch of !importants.*/
div, p, ul, table, img {
float: none !important;
max-width: 96% !important; /* breathing room on the sides */
margin-left: auto
margin-right: auto;
}
Jika pengembang CSS asli terlalu menyukai !important
dan Anda tidak dapat mengakses HTML, Anda dapat menggunakan jQuery / JS untuk menambahkan ID ke badan atau wadah tingkat tinggi dan menambahkannya ke pemilih Anda.
#i-will-beat-you-important div,
#i-will-beat-you-important p,
#i-will-beat-you-important ul {
float: none !important;
...
}