如何js获取css属性值别人网站的css文件或者js文件
点击联系发帖人
时间：2016-11-07 21:41
主题信息（必填）
主题描述（最多限制在50个字符）
申请人信息（必填）
申请信息已提交审核，请注意查收邮件，我们会尽快给您反馈。
如有疑问，请联系
一只文艺范的软件攻城狮，Keep Learn，Always.
本人热爱编程，有着很强的兴趣，做事认真，对待项目任务有很强的责任心.
以前买过腾讯云centos服务器，自己搭建java环境，将自己编写的网上商城小项目发布在服务器上，通过域名绑定ip可以成功访问，
平时自己也用网络编程socket套接字，然后结合Thread线程做过聊天系统，用链表的方式做过贪吃蛇，坦克大战游戏。
?熟练运用Eclipse/MyEclipse在Window下进行Java软件开发
?熟练运用MySQL、SQLServer等数据库技术
?熟练运用Struts2、Hibernate、Spring、Spingmvc、Mybatis框架进行web开发
?熟悉Tomcat等主流服务器了解jetty服务器
?熟悉XML、HTML、Servlet、JSP、FreeMarker、JavaScript、AJAX、Jquery，DOM了解CSS+DIV等前端技术
熟悉Linux下的基本命令操作
?掌握SVN版本管理的使用以及nodeJS的模板引擎 jade
?掌握MVC，proxy，chainofResponsibility，Adapter，factory等设计模式的思想
?掌握maven，webService，activiti工作流的使用
?掌握easyui，Bootstrap等前端框架的基本使用
掌握java反射调用，FIFO,topK等算法
了解nodeJS，Jfinal，JPA
对网站中的js,css文件进行打包跪求，如何将下列一个html文件一分为三：html+css+js ！？？_网页设计吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：94,177贴子：
跪求，如何将下列一个html文件一分为三：html+css+js ！？？收藏
&!DOCTYPE HTML&&!-- saved from url=(0014)about:internet --&&html lang="en-US"&&style type="text/css"&&!--*{margin:0;padding:0;border:0;}body { font-family: arial, 宋体, font-size:12}#nav { width:180
line-height: 24
list-style-type: text-align:
/*定义整个ul菜单的行高和背景色*/}/*==================一级目录===================*/#nav a { width: 160
display: padding-left:20 /*Width(一定要)，否则下面的Li会变形*/}#nav li { background:#CCC; /*一级目录的背景色*/ border-bottom:#FFF 1 /*下面的一条白边*/ float: /*float：left,本不应该设置，但由于在Firefox不能正常显示 继承Nav的width,限制宽度，li自动向下延伸*/}#nav li a:hover{ background:#CC0000; /*一级目录onMouseOver显示的背景色*/}#nav a:link
{ color:#666; text-decoration:}#nav a:visited
{ color:#666;text-decoration:}#nav a:hover
{ color:#FFF;text-decoration:font-weight:}/*==================二级目录===================*/#nav li ul { list-style: text-align:}#nav li ul li{
background: #EBEBEB; /*二级目录的背景色*/}#nav li ul a{
padding-left:20
width:160 /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/}/*下面是二级目录的链接样式*/#nav li ul a:link
{ color:#666; text-decoration:}#nav li ul a:visited
{ color:#666;text-decoration:}#nav li ul a:hover { color:#F3F3F3; text-decoration: font-weight: background:#CC0000; /* 二级onmouseover的字体颜色、背景色*/}/*==============================*/#nav li:hover ul { left:}#nav li.sfhover ul { left:}#content { clear: }#nav ul.collapsed { display:}--&#PARENT{ width:300 padding-left:20}&/style&&div id="PARENT"&&ul id="nav"&&li&&a href="#Menu=ChildMenu1"
onclick="DoMenu('ChildMenu1')"&我的网站&/a& &ul id="ChildMenu1" class="collapsed"& &li&&a href="#"&网页教学网&/a&&/li& &li&&a href="#"&管理&/a&&/li& &li&&a href="#"&网页教学网&/a&&/li& &li&&a href="#"&管理&/a&&/li& &li&&a href="#"&网页教学网&/a&&/li& &li&&a href="#"&管理&/a&&/li& &/ul&&/li&&li&&a href="#Menu=ChildMenu2" onClick="DoMenu('ChildMenu2')"&我的帐务&/a& &ul id="ChildMenu2" class="collapsed"& &a href="#"&支付&/a&&/li& &li&&a href="#"&管理&/a&&/li& &li&&a href="#"&网上支付&/a&&/li& &li&&a href="#"&登记汇款&/a&&/li& &li&&a href="#"&在线招领&/a&&/li& &li&&a href="#"&历史帐务&/a&&/li& &/ul&&/li&&li&&a href="#Menu=ChildMenu3" onClick="DoMenu('ChildMenu3')"&网站管理&/a& &ul id="ChildMenu3" class="collapsed"& &li&&a href="#"&登录&/a&&/li& &a href="#"&管理&/a&&/li& &li&&a href="#"&管理&/a&&/li& &li&&a href="#"&管理&/a&&/li& &/ul&&/li&&li&&a href="#Menu=ChildMenu4" onClick="DoMenu('ChildMenu4')"&网站管理&/a& &ul id="ChildMenu4" class="collapsed"& &li&&a href="#"&登录&/a&&/li& &a href="#"&管理&/a&&/li& &li&&a href="#"&管理&/a&&/li& &li&&a href="#"&管理&/a&&/li& &li&&a href="#"&管理&/a&&/li& &/ul&&/li&&/ul&&/div&&script type=text/javascript&&!--var LastLeftID = "";function menuFix() { var obj = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i&obj. i++) {
obj[i].onmouseover=function() {
this.className+=(this.className.length&0? " ": "") + "sfhover";
obj[i].onMouseDown=function() {
this.className+=(this.className.length&0? " ": "") + "sfhover";
obj[i].onMouseUp=function() {
this.className+=(this.className.length&0? " ": "") + "sfhover";
obj[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");
} }}function DoMenu(emid){ var obj = document.getElementById(emid);
obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded"); if((LastLeftID!="")&&(emid!=LastLeftID)) //关闭上一个Menu {
document.getElementById(LastLeftID).className = "collapsed"; } LastLeftID =}function GetMenuID(){ var MenuID=""; var _paramStr = new String(window.location.href); var _sharpPos = _paramStr.indexOf("#");
if (_sharpPos &= 0 && _sharpPos & _paramStr.length - 1) {
_paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length); } else {
_paramStr = ""; }
if (_paramStr.length & 0) {
var _paramArr = _paramStr.split("&");
if (_paramArr.length&0)
var _paramKeyVal = _paramArr[0].split("=");
if (_paramKeyVal.length&0)
MenuID = _paramKeyVal[1];
if (_paramArr.length&0)
var _arr = new Array(_paramArr.length);
//取所有#后面的，菜单只需用到Menu
//for (var i = 0; i & _paramArr. i++)
var _paramKeyVal = _paramArr[i].split('=');
if (_paramKeyVal.length&0)
_arr[_paramKeyVal[0]] = _paramKeyVal[1];
if(MenuID!="") {
DoMenu(MenuID) }}GetMenuID(); //*这两个function的顺序要注意一下，不然在Firefox里GetMenuID()不起效果menuFix();--&&/script&
学网页设计首选达内,覆盖34个城市,101家实训基地,15w学员见证,先就业后付款!达内网页设计培训先就业后付款,学费0困扰,4万家合作企业联合招聘,助您就业无忧!
这太简单了
这网页是内联CSSS，CSS文件是&style type=“text/css”&到&/style&结束都是！
js也一样，js文件是&script type=“text/JavaScript”&到&/script&结束！看英文都知道了
&style type=“text/css”&意思就是
样式类型为文本css
而&script type=“text/JavaScript”& 意思就是
脚本样式为文本JavaScript
css文件是 *{margin:0;padding:0;border:0;}body {font-family: arial, 宋体,font-size:12}#nav {width:180line-height: 24 list-style-type:text-align:/*定义整个ul菜单的行高和背景色*/}/*==================一级目录===================*/#nav a {width: 160 display:padding-left:20/*Width(一定要)，否则下面的Li会变形*/}#nav li {background:#CCC; /*一级目录的背景色*/border-bottom:#FFF 1 /*下面的一条白边*/float:/*float：left,本不应该设置，但由于在Firefox不能正常显示继承Nav的width,限制宽度，li自动向下延伸*/}#nav li a:hover{background:#CC0000; /*一级目录onMouseOver显示的背景色*/}#nav a:link {color:#666; text-decoration:}#nav a:visited {color:#666;text-decoration:}#nav a:hover {color:#FFF;text-decoration:font-weight:}/*==================二级目录===================*/#nav li ul {list-style:text-align:}#nav li ul li{ background: #EBEBEB; /*二级目录的背景色*/}#nav li ul a{padding-left:20width:160/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/}/*下面是二级目录的链接样式*/#nav li ul a:link {color:#666; text-decoration:}#nav li ul a:visited {color:#666;text-decoration:}#nav li ul a:hover {color:#F3F3F3;text-decoration:font-weight:background:#CC0000;/* 二级onmouseover的字体颜色、背景色*/}/*==============================*/#nav li:hover ul {left:}#nav li.sfhover ul {left:}#content {clear: }#nav ul.collapsed {display:}--&#PARENT{width:300padding-left:20}
javascript段是
var LastLeftID = "";function menuFix() {var obj = document.getElementById("nav").getElementsByTagName("li");for (var i=0; i&obj. i++) {obj[i].onmouseover=function() {this.className+=(this.className.length&0? " ": "") + "sfhover";}obj[i].onMouseDown=function() {this.className+=(this.className.length&0? " ": "") + "sfhover";}obj[i].onMouseUp=function() {this.className+=(this.className.length&0? " ": "") + "sfhover";}obj[i].onmouseout=function() {this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");}}}function DoMenu(emid){var obj = document.getElementById(emid); obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded");if((LastLeftID!="")&&(emid!=LastLeftID)) //关闭上一个Menu{document.getElementById(LastLeftID).className = "collapsed";}LastLeftID =}function GetMenuID(){var MenuID="";var _paramStr = new String(window.location.href);var _sharpPos = _paramStr.indexOf("#");if (_sharpPos &= 0 && _sharpPos & _paramStr.length - 1){_paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);}else{_paramStr = "";}if (_paramStr.length & 0){var _paramArr = _paramStr.split("&");if (_paramArr.length&0){var _paramKeyVal = _paramArr[0].split("=");if (_paramKeyVal.length&0){MenuID = _paramKeyVal[1];}}/*if (_paramArr.length&0){var _arr = new Array(_paramArr.length);}//取所有#后面的，菜单只需用到Menu//for (var i = 0; i & _paramArr. i++){var _paramKeyVal = _paramArr[i].split('=');if (_paramKeyVal.length&0){_arr[_paramKeyVal[0]] = _paramKeyVal[1];} }*/}if(MenuID!=""){DoMenu(MenuID)}}GetMenuID(); //*这两个function的顺序要注意一下，不然在Firefox里GetMenuID()不起效果menuFix();
分开调用的话 还要分开建css文件
后缀保存为.css
我这个是加强版的记事本，DW能提示单词，而且很多都很方便，这个不行！
我都说的很清楚了啊
你把我CSS那段（3楼那段代码）保存为11.css
把JavaScript那段（4楼那段代码）保存为22.js
HTML引入我红色框里面内容就好了！按照这图
注意css. js. html这3个文件放在同一文件夹下面
只能帮到这里了
反正你也是只是学学
以后就知道了
别老学些软件做网页
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或&&&&CSS图片提取器 提取网页CSS文件CSS代码 JS代码 html文件 CSS图片
CSS图片提取器 提取网页CSS文件CSS代码 JS代码 html文件 CSS图片
CSS图片提取器 提取网页
若举报审核通过，可奖励20下载分
被举报人：
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
VIP下载&&免积分60元/年（1200次）
您可能还需要
开发技术下载排行在别人的网站的源代码中找到链接地址，下载了一个JS文件和一个CSS文件，想用到自己的网站上，这样不算侵权吧？在别人的网站的源代码中找到链接地址，下载了一个JS文件和一个CSS文件，想用到自己的网站上，这样不算侵权吧？自己写太麻烦了，就找别人写好的，不知道这样侵权吗？
回答1：不算。。
lzxralphlzx
回答2：不算，最多是模仿，要是html不模仿那，互联网也就没有办法发展了，当然不能太像，否则为抄袭，对于个人来说一般不会告你后使用快捷导航没有帐号？
只需一步，快速开始
查看: 5875|回复: 5
js 怎么获得写在css文件中的display属性？
UID69152在线时间 小时积分1708帖子离线17132 天注册时间
银牌会员, 积分 1708, 距离下一级还需 1292 积分
有一个div，他的display属性是写在css文件中的，不是写在标签里的。
可是用js来获取这个div的属性时候，无法获得，都是空值。比如：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&无标题文档&/title&
#abc{display:}
&div id=&abc& onclick=&alert(document.getElementById('abc').style.display);&&click me 无法获得&/div&
&div id=&abc2& onclick=&alert(document.getElementById('abc2').style.display);& style=&display:&&click me 可以获得&/div&
&提示：您可以先修改部分代码再运行
UID523008在线时间 小时积分1699帖子离线17132 天注册时间
提示: 作者被禁止或删除。
UID494331在线时间 小时积分421帖子离线17132 天注册时间
中级会员, 积分 421, 距离下一级还需 79 积分
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&无标题文档&/title&
#abc{display:}
&script type=&text/javascript&&
function getStyle(obj,attr)
if(obj.currentStyle)
return obj.currentStyle[attr];
return document.defaultView.getComputedStyle(obj,false)[attr];
&div id=&abc& onclick=&alert(getStyle(this,'display'))&&click me 无法获得&/div&
&div id=&abc2& onclick=&alert(document.getElementById('abc2').style.display);& style=&display:&&click me 可以获得&/div&
&提示：您可以先修改部分代码再运行
UID471975在线时间 小时积分103帖子离线17132 天注册时间
初级会员, 积分 103, 距离下一级还需 97 积分
style.display此类只能获取行内样式，要获取css的样式，最好用obj.currentStyle[display](IE中使用)，FF里用document.defaultView.getComputedStyle(obj,null)[display]
UID69152在线时间 小时积分1708帖子离线17132 天注册时间
银牌会员, 积分 1708, 距离下一级还需 1292 积分
好吧，做前端真痛苦。多谢2位
UID417877在线时间 小时积分219帖子离线17132 天注册时间
中级会员, 积分 219, 距离下一级还需 281 积分
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&无标题文档&/title&
&style type=&text/css&&
width: 100
height: 80
background-color:
&div id=&test&&This is some text&/div&
&script type=&text/javascript&&
var mydiv=document.getElementById(&test&)
function getCurrentStyle(obj, cssproperty, csspropertyNS){
if(obj.style[cssproperty]){
return obj.style[cssproperty];
if (obj.currentStyle) {// IE5+
return obj.currentStyle[cssproperty];
}else if (document.defaultView.getComputedStyle(obj, null)) {// FF/Mozilla
var currentStyle = document.defaultView.getComputedStyle(obj, null);
var value = currentStyle.getPropertyValue(csspropertyNS);
if(!value){//try this method
value = currentStyle[cssproperty];
}else if (window.getComputedStyle) {// NS6+
var currentStyle = window.getComputedStyle(obj, &&);
return currentStyle.getPropertyValue(csspropertyNS);
alert(getCurrentStyle(mydiv, &backgroundColor&, &background-color&)); //alerts &yellow&
&提示：您可以先修改部分代码再运行
Powered by}
主题描述（最多限制在50个字符）
申请人信息（必填）
申请信息已提交审核，请注意查收邮件，我们会尽快给您反馈。
如有疑问，请联系
一只文艺范的软件攻城狮，Keep Learn，Always.
本人热爱编程，有着很强的兴趣，做事认真，对待项目任务有很强的责任心.
以前买过腾讯云centos服务器，自己搭建java环境，将自己编写的网上商城小项目发布在服务器上，通过域名绑定ip可以成功访问，
平时自己也用网络编程socket套接字，然后结合Thread线程做过聊天系统，用链表的方式做过贪吃蛇，坦克大战游戏。
?熟练运用Eclipse/MyEclipse在Window下进行Java软件开发
?熟练运用MySQL、SQLServer等数据库技术
?熟练运用Struts2、Hibernate、Spring、Spingmvc、Mybatis框架进行web开发
?熟悉Tomcat等主流服务器了解jetty服务器
?熟悉XML、HTML、Servlet、JSP、FreeMarker、JavaScript、AJAX、Jquery，DOM了解CSS+DIV等前端技术
熟悉Linux下的基本命令操作
?掌握SVN版本管理的使用以及nodeJS的模板引擎 jade
?掌握MVC，proxy，chainofResponsibility，Adapter，factory等设计模式的思想
?掌握maven，webService，activiti工作流的使用
?掌握easyui，Bootstrap等前端框架的基本使用
掌握java反射调用，FIFO,topK等算法
了解nodeJS，Jfinal，JPA
对网站中的js,css文件进行打包跪求，如何将下列一个html文件一分为三：html+css+js ！？？_网页设计吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：94,177贴子：
跪求，如何将下列一个html文件一分为三：html+css+js ！？？收藏
&!DOCTYPE HTML&&!-- saved from url=(0014)about:internet --&&html lang="en-US"&&style type="text/css"&&!--*{margin:0;padding:0;border:0;}body { font-family: arial, 宋体, font-size:12}#nav { width:180
line-height: 24
list-style-type: text-align:
/*定义整个ul菜单的行高和背景色*/}/*==================一级目录===================*/#nav a { width: 160
display: padding-left:20 /*Width(一定要)，否则下面的Li会变形*/}#nav li { background:#CCC; /*一级目录的背景色*/ border-bottom:#FFF 1 /*下面的一条白边*/ float: /*float：left,本不应该设置，但由于在Firefox不能正常显示 继承Nav的width,限制宽度，li自动向下延伸*/}#nav li a:hover{ background:#CC0000; /*一级目录onMouseOver显示的背景色*/}#nav a:link
{ color:#666; text-decoration:}#nav a:visited
{ color:#666;text-decoration:}#nav a:hover
{ color:#FFF;text-decoration:font-weight:}/*==================二级目录===================*/#nav li ul { list-style: text-align:}#nav li ul li{
background: #EBEBEB; /*二级目录的背景色*/}#nav li ul a{
padding-left:20
width:160 /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/}/*下面是二级目录的链接样式*/#nav li ul a:link
{ color:#666; text-decoration:}#nav li ul a:visited
{ color:#666;text-decoration:}#nav li ul a:hover { color:#F3F3F3; text-decoration: font-weight: background:#CC0000; /* 二级onmouseover的字体颜色、背景色*/}/*==============================*/#nav li:hover ul { left:}#nav li.sfhover ul { left:}#content { clear: }#nav ul.collapsed { display:}--&#PARENT{ width:300 padding-left:20}&/style&&div id="PARENT"&&ul id="nav"&&li&&a href="#Menu=ChildMenu1"
onclick="DoMenu('ChildMenu1')"&我的网站&/a& &ul id="ChildMenu1" class="collapsed"& &li&&a href="#"&网页教学网&/a&&/li& &li&&a href="#"&管理&/a&&/li& &li&&a href="#"&网页教学网&/a&&/li& &li&&a href="#"&管理&/a&&/li& &li&&a href="#"&网页教学网&/a&&/li& &li&&a href="#"&管理&/a&&/li& &/ul&&/li&&li&&a href="#Menu=ChildMenu2" onClick="DoMenu('ChildMenu2')"&我的帐务&/a& &ul id="ChildMenu2" class="collapsed"& &a href="#"&支付&/a&&/li& &li&&a href="#"&管理&/a&&/li& &li&&a href="#"&网上支付&/a&&/li& &li&&a href="#"&登记汇款&/a&&/li& &li&&a href="#"&在线招领&/a&&/li& &li&&a href="#"&历史帐务&/a&&/li& &/ul&&/li&&li&&a href="#Menu=ChildMenu3" onClick="DoMenu('ChildMenu3')"&网站管理&/a& &ul id="ChildMenu3" class="collapsed"& &li&&a href="#"&登录&/a&&/li& &a href="#"&管理&/a&&/li& &li&&a href="#"&管理&/a&&/li& &li&&a href="#"&管理&/a&&/li& &/ul&&/li&&li&&a href="#Menu=ChildMenu4" onClick="DoMenu('ChildMenu4')"&网站管理&/a& &ul id="ChildMenu4" class="collapsed"& &li&&a href="#"&登录&/a&&/li& &a href="#"&管理&/a&&/li& &li&&a href="#"&管理&/a&&/li& &li&&a href="#"&管理&/a&&/li& &li&&a href="#"&管理&/a&&/li& &/ul&&/li&&/ul&&/div&&script type=text/javascript&&!--var LastLeftID = "";function menuFix() { var obj = document.getElementById("nav").getElementsByTagName("li");
for (var i=0; i&obj. i++) {
obj[i].onmouseover=function() {
this.className+=(this.className.length&0? " ": "") + "sfhover";
obj[i].onMouseDown=function() {
this.className+=(this.className.length&0? " ": "") + "sfhover";
obj[i].onMouseUp=function() {
this.className+=(this.className.length&0? " ": "") + "sfhover";
obj[i].onmouseout=function() {
this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");
} }}function DoMenu(emid){ var obj = document.getElementById(emid);
obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded"); if((LastLeftID!="")&&(emid!=LastLeftID)) //关闭上一个Menu {
document.getElementById(LastLeftID).className = "collapsed"; } LastLeftID =}function GetMenuID(){ var MenuID=""; var _paramStr = new String(window.location.href); var _sharpPos = _paramStr.indexOf("#");
if (_sharpPos &= 0 && _sharpPos & _paramStr.length - 1) {
_paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length); } else {
_paramStr = ""; }
if (_paramStr.length & 0) {
var _paramArr = _paramStr.split("&");
if (_paramArr.length&0)
var _paramKeyVal = _paramArr[0].split("=");
if (_paramKeyVal.length&0)
MenuID = _paramKeyVal[1];
if (_paramArr.length&0)
var _arr = new Array(_paramArr.length);
//取所有#后面的，菜单只需用到Menu
//for (var i = 0; i & _paramArr. i++)
var _paramKeyVal = _paramArr[i].split('=');
if (_paramKeyVal.length&0)
_arr[_paramKeyVal[0]] = _paramKeyVal[1];
if(MenuID!="") {
DoMenu(MenuID) }}GetMenuID(); //*这两个function的顺序要注意一下，不然在Firefox里GetMenuID()不起效果menuFix();--&&/script&
学网页设计首选达内,覆盖34个城市,101家实训基地,15w学员见证,先就业后付款!达内网页设计培训先就业后付款,学费0困扰,4万家合作企业联合招聘,助您就业无忧!
这太简单了
这网页是内联CSSS，CSS文件是&style type=“text/css”&到&/style&结束都是！
js也一样，js文件是&script type=“text/JavaScript”&到&/script&结束！看英文都知道了
&style type=“text/css”&意思就是
样式类型为文本css
而&script type=“text/JavaScript”& 意思就是
脚本样式为文本JavaScript
css文件是 *{margin:0;padding:0;border:0;}body {font-family: arial, 宋体,font-size:12}#nav {width:180line-height: 24 list-style-type:text-align:/*定义整个ul菜单的行高和背景色*/}/*==================一级目录===================*/#nav a {width: 160 display:padding-left:20/*Width(一定要)，否则下面的Li会变形*/}#nav li {background:#CCC; /*一级目录的背景色*/border-bottom:#FFF 1 /*下面的一条白边*/float:/*float：left,本不应该设置，但由于在Firefox不能正常显示继承Nav的width,限制宽度，li自动向下延伸*/}#nav li a:hover{background:#CC0000; /*一级目录onMouseOver显示的背景色*/}#nav a:link {color:#666; text-decoration:}#nav a:visited {color:#666;text-decoration:}#nav a:hover {color:#FFF;text-decoration:font-weight:}/*==================二级目录===================*/#nav li ul {list-style:text-align:}#nav li ul li{ background: #EBEBEB; /*二级目录的背景色*/}#nav li ul a{padding-left:20width:160/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/}/*下面是二级目录的链接样式*/#nav li ul a:link {color:#666; text-decoration:}#nav li ul a:visited {color:#666;text-decoration:}#nav li ul a:hover {color:#F3F3F3;text-decoration:font-weight:background:#CC0000;/* 二级onmouseover的字体颜色、背景色*/}/*==============================*/#nav li:hover ul {left:}#nav li.sfhover ul {left:}#content {clear: }#nav ul.collapsed {display:}--&#PARENT{width:300padding-left:20}
javascript段是
var LastLeftID = "";function menuFix() {var obj = document.getElementById("nav").getElementsByTagName("li");for (var i=0; i&obj. i++) {obj[i].onmouseover=function() {this.className+=(this.className.length&0? " ": "") + "sfhover";}obj[i].onMouseDown=function() {this.className+=(this.className.length&0? " ": "") + "sfhover";}obj[i].onMouseUp=function() {this.className+=(this.className.length&0? " ": "") + "sfhover";}obj[i].onmouseout=function() {this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), "");}}}function DoMenu(emid){var obj = document.getElementById(emid); obj.className = (obj.className.toLowerCase() == "expanded"?"collapsed":"expanded");if((LastLeftID!="")&&(emid!=LastLeftID)) //关闭上一个Menu{document.getElementById(LastLeftID).className = "collapsed";}LastLeftID =}function GetMenuID(){var MenuID="";var _paramStr = new String(window.location.href);var _sharpPos = _paramStr.indexOf("#");if (_sharpPos &= 0 && _sharpPos & _paramStr.length - 1){_paramStr = _paramStr.substring(_sharpPos + 1, _paramStr.length);}else{_paramStr = "";}if (_paramStr.length & 0){var _paramArr = _paramStr.split("&");if (_paramArr.length&0){var _paramKeyVal = _paramArr[0].split("=");if (_paramKeyVal.length&0){MenuID = _paramKeyVal[1];}}/*if (_paramArr.length&0){var _arr = new Array(_paramArr.length);}//取所有#后面的，菜单只需用到Menu//for (var i = 0; i & _paramArr. i++){var _paramKeyVal = _paramArr[i].split('=');if (_paramKeyVal.length&0){_arr[_paramKeyVal[0]] = _paramKeyVal[1];} }*/}if(MenuID!=""){DoMenu(MenuID)}}GetMenuID(); //*这两个function的顺序要注意一下，不然在Firefox里GetMenuID()不起效果menuFix();
分开调用的话 还要分开建css文件
后缀保存为.css
我这个是加强版的记事本，DW能提示单词，而且很多都很方便，这个不行！
我都说的很清楚了啊
你把我CSS那段（3楼那段代码）保存为11.css
把JavaScript那段（4楼那段代码）保存为22.js
HTML引入我红色框里面内容就好了！按照这图
注意css. js. html这3个文件放在同一文件夹下面
只能帮到这里了
反正你也是只是学学
以后就知道了
别老学些软件做网页
登录百度帐号推荐应用
为兴趣而生，贴吧更懂你。或&&&&CSS图片提取器 提取网页CSS文件CSS代码 JS代码 html文件 CSS图片
CSS图片提取器 提取网页CSS文件CSS代码 JS代码 html文件 CSS图片
CSS图片提取器 提取网页
若举报审核通过，可奖励20下载分
被举报人：
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
VIP下载&&免积分60元/年（1200次）
您可能还需要
开发技术下载排行在别人的网站的源代码中找到链接地址，下载了一个JS文件和一个CSS文件，想用到自己的网站上，这样不算侵权吧？在别人的网站的源代码中找到链接地址，下载了一个JS文件和一个CSS文件，想用到自己的网站上，这样不算侵权吧？自己写太麻烦了，就找别人写好的，不知道这样侵权吗？
回答1：不算。。
lzxralphlzx
回答2：不算，最多是模仿，要是html不模仿那，互联网也就没有办法发展了，当然不能太像，否则为抄袭，对于个人来说一般不会告你后使用快捷导航没有帐号？
只需一步，快速开始
查看: 5875|回复: 5
js 怎么获得写在css文件中的display属性？
UID69152在线时间 小时积分1708帖子离线17132 天注册时间
银牌会员, 积分 1708, 距离下一级还需 1292 积分
有一个div，他的display属性是写在css文件中的，不是写在标签里的。
可是用js来获取这个div的属性时候，无法获得，都是空值。比如：
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&无标题文档&/title&
#abc{display:}
&div id=&abc& onclick=&alert(document.getElementById('abc').style.display);&&click me 无法获得&/div&
&div id=&abc2& onclick=&alert(document.getElementById('abc2').style.display);& style=&display:&&click me 可以获得&/div&
&提示：您可以先修改部分代码再运行
UID523008在线时间 小时积分1699帖子离线17132 天注册时间
提示: 作者被禁止或删除。
UID494331在线时间 小时积分421帖子离线17132 天注册时间
中级会员, 积分 421, 距离下一级还需 79 积分
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&无标题文档&/title&
#abc{display:}
&script type=&text/javascript&&
function getStyle(obj,attr)
if(obj.currentStyle)
return obj.currentStyle[attr];
return document.defaultView.getComputedStyle(obj,false)[attr];
&div id=&abc& onclick=&alert(getStyle(this,'display'))&&click me 无法获得&/div&
&div id=&abc2& onclick=&alert(document.getElementById('abc2').style.display);& style=&display:&&click me 可以获得&/div&
&提示：您可以先修改部分代码再运行
UID471975在线时间 小时积分103帖子离线17132 天注册时间
初级会员, 积分 103, 距离下一级还需 97 积分
style.display此类只能获取行内样式，要获取css的样式，最好用obj.currentStyle[display](IE中使用)，FF里用document.defaultView.getComputedStyle(obj,null)[display]
UID69152在线时间 小时积分1708帖子离线17132 天注册时间
银牌会员, 积分 1708, 距离下一级还需 1292 积分
好吧，做前端真痛苦。多谢2位
UID417877在线时间 小时积分219帖子离线17132 天注册时间
中级会员, 积分 219, 距离下一级还需 281 积分
&!DOCTYPE html PUBLIC &-//W3C//DTD XHTML 1.0 Transitional//EN& &http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html xmlns=&http://www.w3.org/1999/xhtml&&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&无标题文档&/title&
&style type=&text/css&&
width: 100
height: 80
background-color:
&div id=&test&&This is some text&/div&
&script type=&text/javascript&&
var mydiv=document.getElementById(&test&)
function getCurrentStyle(obj, cssproperty, csspropertyNS){
if(obj.style[cssproperty]){
return obj.style[cssproperty];
if (obj.currentStyle) {// IE5+
return obj.currentStyle[cssproperty];
}else if (document.defaultView.getComputedStyle(obj, null)) {// FF/Mozilla
var currentStyle = document.defaultView.getComputedStyle(obj, null);
var value = currentStyle.getPropertyValue(csspropertyNS);
if(!value){//try this method
value = currentStyle[cssproperty];
}else if (window.getComputedStyle) {// NS6+
var currentStyle = window.getComputedStyle(obj, &&);
return currentStyle.getPropertyValue(csspropertyNS);
alert(getCurrentStyle(mydiv, &backgroundColor&, &background-color&)); //alerts &yellow&
&提示：您可以先修改部分代码再运行
Powered by}
我要回帖
更多关于 js获取css属性 的文章
更多推荐
- ·打好玩的单机捕鱼游戏手机版单机版游戏简介
- ·新疆地理概况和地貌特征的地理位置和气候特点
- ·如何理解两个社会制度确立的意义伟大意义
- ·点击“刷新数据”，提示“连接字符串或者SQL有误，ET无法sql导入成功但是没有数据数据。”如何解决？
- ·Excel文件中，部分单元格右上角出现红色三角表示什么中有个奇怪的符号，请问是什么以及是怎么造成的。谢谢
- ·求助，英雄联盟卡死自动重启
- ·我有个空闲的电视机，突发奇想想去买个老款那种小霸王游戏机来玩游戏，有这个必要吗？现在手机都能玩，
- ·手机游戏麻将开挂辅助软件安装包下载
- ·列王的纷争王子15级加成多少
- ·巫师3石之心赶猪怎么赶 赶猪不用法印奖励攻略
- ·火影忍者手游组织叛忍怎么玩 组织叛忍如何获得高积分
- ·关于steam无主之地2该买哪个
- ·征途2s梦境嫦娥仙子梦境金刀待者用多少级别的宝石升级?
- ·iphone5玩王者荣耀高特效卡不卡
- ·微信小程序怎么开发 微信小程序开发文档
- ·谁有哪种网！占？都知道，一说就违规
- ·电脑椅什么牌子好 电脑椅十大品牌排行
- ·我想从事网页设计的工作，是不是应该从网页美工开始呢？我会用ps和dw
- ·现在的4S还有全新机吗
- ·笔记本无法开机可以直接用硬盘重装系统吗？
- ·如何js获取css属性值别人网站的css文件或者js文件
- ·请教SSD和扩展卡的问题
- ·希捷 西部数据 哪个的硬盘安全
- ·通州那有卖密目网
- ·宽带线路有一转三的吗?
- ·我是vista系统，今年都已经是2016年了，我能装IE11吗
- ·耳机和麦克风应该插电脑上哪个颜色的孔
- ·YII2中自己写的自定义函数怎么调用
- ·微博被封1-3个月能自动解开吗？
- ·云南农信客户端信息提示：检查机构交易开通权限及取机构对应行号信息错，这个问题怎么解决？
- ·戴尔台式机取消f1启动笔记本开机f1怎么取消
- ·易胜合公户提现多久能到账问题公可一直不解决怎么回事
- ·如何在电脑上看微信电脑登微信能看到聊天记录吗
- ·怎样u盘装win7电脑系统怎么重装win7的相关视频
- ·100 & 归#128176;谁现在可以用电脑，下载多玩我的世界盒子 帮我注册一个账号，把号给我，我给
- ·升级Win8.1后win10开机黑屏啥也没有怎么办
