Javascript如何使用外部Css表 var mynewhtml= + '' + '' +“” +“” +“” +“” +“” + '' +“拉拉拉拉” + '' + '' + '' + '' + '' + '' $（mynewhtml）.appendTo（“body”）；

所以我有一个网页，但我不能改变html，我只能通过Jquery/javascript添加html。添加html不是问题，但是如何使用外部样式表来设置新添加的html的样式

谢谢。

试试这个

   var mynewhtml = 
                  + '<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"/>'
                  + '<div id="tabs">'
                  +  '<ul>'
                  +  '<li><a href="#tabs-1">Tab 1</a></li>'
                  +  '<li><a href="#tabs-2">Tab 2</a></li>'
                  +  '<li><a href="#tabs-3">Tab 3</a></li>'
                  +  '</ul>'
                  +  '<div id="tabs-1">'
                  + '<p>Lalalala</p>'
                  +  '</div>'
                  +  '<div id="tabs-2">'  
                  +  '</div>'
                  +  '<div id="tabs-3">'
                  +  '</div>'
                  + '</div>'

 $(mynewhtml).appendTo("body");

$（'head'）。追加（''）；

有关详细说明，您也可以参考此线程

---

如果您使用chrome，您可以编写chrome扩展。为什么您不能编辑

html

，但可以编辑

javascript

？我正在制作一个用户脚本。所以我不能改变html文件本身，但我可以通过javascriptI改变html

$('head').append('<link rel="stylesheet" type="text/css" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"/>');