通过innerHtml输出的html内容为什么里面的css不起作用?
将一个有css样式块的html输出到另一个html中，原来html样式改变了，也就是原来html中的css没有起作用，这是为什么呢？...
将一个有css样式块的html输出到另一个html中，原来html样式改变了，也就是原来html中的css没有起作用，这是为什么呢？
展开
展开全部
innerHtml就如同一个窗户，窗户里面显示的是一个html页面。它的载体（装有innerHtml的那个html页面）也是一个html。尽管窗户里面的页面也定义了css，但当把它安装的墙上的时候，它就得优先使用“墙”的css样式。
解决办法就是在innerHtml里面加入<link...>加载css样式，或者将css样式直接放在“墙”的页面里面。
解决办法就是在innerHtml里面加入<link...>加载css样式，或者将css样式直接放在“墙”的页面里面。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不明白意思
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
window.onload=function(){
var test=document.getElementById("test");
test.innerHTML="<div style='border:1px solid red;width='300px'' class='testStyle' >有作用</div>"
}
//-->
</SCRIPT>
<style type="text/css">
.testStyle{
font-size:40px;
}
</style>
</HEAD>
<BODY>
<div id="test"></div>
</BODY>
</HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
<!--
window.onload=function(){
var test=document.getElementById("test");
test.innerHTML="<div style='border:1px solid red;width='300px'' class='testStyle' >有作用</div>"
}
//-->
</SCRIPT>
<style type="text/css">
.testStyle{
font-size:40px;
}
</style>
</HEAD>
<BODY>
<div id="test"></div>
</BODY>
</HTML>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
是不是你另一个html并没有链接到你的css
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不懂你的意思
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
