UC知道通过innerHtml输出的html内容为什么里面的css不起作用?
来源：百度知道 编辑：UC知道 时间：2024/05/11 04:59:18
将一个有css样式块的html输出到另一个html中，原来html样式改变了，也就是原来html中的css没有起作用，这是为什么呢？
innerHtml就如同一个窗户，窗户里面显示的是一个html页面。它的载体（装有innerHtml的那个html页面）也是一个html。尽管窗户里面的页面也定义了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>"
}
//-->
</