Добавить файл css с JS

Я нашел здесь несколько вопросов о своей проблеме, но не могу им воспользоваться. Я изменю свойство css во время щелчка по ним через JS, JQuery

 <!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <script src="../scripts/jquery-1.11.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../css/styles.css">
    <script src="../scripts/javascript.js"></script>
</head>
<body>
<div class="osn">
<span>Green</span>
</div>
<div class="osb">
    <span>Red</span>
</div>
</body>
</html>
<script>
/*$( document ).ready(function () { 
    $(".osn").mouseover(function() { 
        uploadcss()
        });
});*/
$( document ).ready(function () { 
    $(".osn").click(function addcss (csslink){});
});
</script>

и мой javascript.js

function uploadcss() {$(".osb").css("border","15px solid blue")};
function downloadcss() {$(".osb").css("border","5px solid red")};

function addcss (csslink) {
    var csslink = document.cretaeElement ("link");
    csslink.rel = "stylesheet";
    csslink.type = "text/css";
    csslink.href="../css/test.css";
}

И не работает :( Почему?


javascript html jquery css
person AndreyPr    schedule 04.09.2014    source источник
comment
cretaeElement? И вы просто создаете элемент, а не добавляете его?   -  person Denys Séguret    schedule 04.09.2014
comment
dup вопрос - ›stackoverflow.com/questions/574944/   -  person Chris Hawkes    schedule 04.09.2014
comment
@ChrisHawkes проголосует за закрытие и отметит его как дубликат   -  person Huangism    schedule 04.09.2014
comment
В консоли ни одной ошибки.   -  person AndreyPr    schedule 04.09.2014

Ответы (3)


arrow_upward
0
arrow_downward 

  <script>
   function addcss () {
    var csslink = document.createElement("link");
    csslink.rel = "stylesheet";
    csslink.type = "text/css";
    csslink.href="../css/test.css";
    document.getElementsByTagName("head")[0].appendChild(csslink); 
    return false;
   }  

   window.onload = function() {
     document.getElementById("mylink").onclick = addcss(); 
   }; 
  </script>

 <a href="#" id="mylink">mylink</a>

Вам нужно добавить его в голову.

person marko    schedule 04.09.2014
comment
Привет, а как я могу правильно запустить этот JS, щелкнув div - person AndreyPr; 04.09.2014
comment
добавить функцию в качестве обработчика событий при загрузке страницы. Поместите скрипт на страницу. - person marko; 04.09.2014
comment
марко все работает нормально. СПАСИБО!!!!!!!!!!!!!!! - person AndreyPr; 04.09.2014
comment
У меня ошибка в моем JS. У меня есть cretaeElement, и мне нужно createElement - person AndreyPr; 04.09.2014

arrow_upward
0
arrow_downward

Попробуйте что-нибудь вроде:

$(function(){

  $(".my-btn").on('click', function(){
     loadCSS("path/to/style.css");
  });

  function loadCSS(href) {
     var cssLink = $("<link rel='stylesheet' type='text/css' href='"+href+"'>");
     $("head").append(cssLink); 
 };
})
person steo    schedule 04.09.2014

arrow_upward
0
arrow_downward

Попробуй это

$(document).ready(function () {
   $(".osn").click(function(){
       $('head').append('<link href="cssFolder/sheet2.css" rel="stylesheet" id="stylenew" />');
});
person Benjamin    schedule 04.09.2014