<div id="d1" style="font-weight:bold"></div>
<script language="javascript">
d1.setAttribute('style', 'font-weight: bold; font-size: 11px');
</script>
-
等级
本版专家分：132结帖率 94.12% -
想动态设置样式，下面这样写不行，请问要怎么写？
<div id="d1" style="font-weight:bold"></div>
<script language="javascript">
d1.setAttribute('style', 'font-weight: bold; font-size: 11px');
</script>展开阅读全文
-
等级
本版专家分：32113勋章
-
-
蓝花
2008年2月 Web 开发大版内专家分月排行榜第三
2007年12月 Web 开发大版内专家分月排行榜第三
-
-
怎么不行呢？
-
等级
本版专家分：132
-
font-size 的值不会变
-
等级
本版专家分：25754勋章
-
-
蓝花
2008年1月 Web 开发大版内专家分月排行榜第三
2007年8月 Web 开发大版内专家分月排行榜第三
-
-
当然不行，style 是对象属性，无法直接设置！
L@_@K
<!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">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="Gao YiXiang" />
<meta name="email" content="yixianggao@126.com" />
<meta name="keywords" content="javascript dhtml dom" />
<meta name="description" content="I love web development." />
</head>
<body>
<div id="d1">Dynamic Style</div>
<script language="javascript">
d1.style.fontWeight = 'bold';
d1.style.fontSize = "20px";
</script>
</body>
</html>
-
等级
本版专家分：25754勋章
-
-
蓝花
2008年1月 Web 开发大版内专家分月排行榜第三
2007年8月 Web 开发大版内专家分月排行榜第三
-
-
font-weight 也没起作用，
那是标记中 style="font-weight:bold" 起滴作用！
-
等级
本版专家分：468
-
解释：font-size为只读，你改变的样式中不能包含这样的值，像backgroundColor这样的值为可读可写。请给分，谢谢
-
等级
本版专家分：132
-
fontWeight 我也知道啊。。。
只是想问看看能不能用什么方法直接 style='font-weight:bold;font-size:11px'
-
等级
本版专家分：25754勋章
-
-
蓝花
2008年1月 Web 开发大版内专家分月排行榜第三
2007年8月 Web 开发大版内专家分月排行榜第三
-
-
To iori_wen
事实胜于瞎讲，哈
L@_@K
<!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">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="Gao YiXiang" />
<meta name="email" content="yixianggao@126.com" />
<meta name="keywords" content="javascript dhtml dom" />
<meta name="description" content="I love web development." />
</head>
<body>
<DIV STYLE="font-size:12pt" onmouseover="this.style.fontSize='20pt'" onmouseout="this.style.fontSize='12pt'">
鼠标移过，字体大小动态变换！
</DIV>
</body>
</html>
-
等级
本版专家分：4008 -
document.getElementById("d1").setAttribute.style.font-weight="bold";
-
等级
本版专家分：132
-
我自己想到办法了
用 prototype.js 的 camelize()
把 font-size 转成 fontSize
然后 Object.extend(d1.style ,{'style集合'})
我自己先去试试，回头再来结贴 :D
-
等级
本版专家分：25754勋章
-
-
蓝花
2008年1月 Web 开发大版内专家分月排行榜第三
2007年8月 Web 开发大版内专家分月排行榜第三
-
-
To awuZhang
当然不行，style 是对象属性，无法直接设置！
不过你可以只考虑修改样式名或替换.css文件！
给个修改样式名滴例子！
<!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">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="Gao YiXiang" />
<meta name="email" content="yixianggao@126.com" />
<meta name="keywords" content="javascript dhtml dom" />
<meta name="description" content="I love web development." />
<style type="text/css">
.divStyle1
{
font-size:12pt;
}
.divStyle2
{
font-size:20pt;
font-weight: bold;
color: red;
}
</style>
</head>
<body>
<DIV class='divStyle1' onmouseover="this.className='divStyle2';" onmouseout="this.className='divStyle1';">
鼠标移过，字体大小动态变换！
</DIV>
</body>
</html>
- 关于css动态样式注入，你不知道的那些冷知识
关于这三者，什么权重啊，啊，对了，这些都不会出现在这篇文章里，这篇文章就说一些那些我们不怎么使用的，动态引入css样式的方法； 静态样式引入 前面说过外联样式，内联样式和行内样式，所谓外联样式，即样式文件...
- Layui渲染多级表头和设置表格颜色
在做项目的过程中，我遇到了许多多级表头的渲染，因为之前也做过很多layui表格的渲染，我就以为两个表头的渲染和一个表头的一样，但是当我写两个表的渲染时，想要的样式却迟迟弄不出来。后来我又自己写HTML，设定好...
- Android 引导页动态添加圆点指示器
昨晚实在是太无奈了，被兄弟拿枪顶着写了个引导页指示器的动态添加功能。描述的不详细，来张图片： 其实 实现原理很简单，一般都在app的初次启动时出现，一个左右滑动的viewpager，页面底部再搭配一个标识位置...
- vue里面父组件如何修改子组件样式
二混用本地和全局样式 三使用深度作用选择器 在使用 vue 的开发中，我们有时会引用外部组件，包括 UI 组件（ElementUI、iview）。 当 标签有 scoped 属性时，它的 CSS 只作用于当前组件中的元素。 但是在父...
- android java代码中设置radiobutton选中与为选中颜色
其中R.drawable.main_text_color是自己写好的 颜色改变的xml <!-- not selected --> 但是设好之后 颜色并没有随选中而改变，只是一直都是为选中状态的颜色。 哪位大神知道是怎么回事吗？
- 安卓设置Activity进入和退出动画及样式
在使用Activity的时候不知道大家有没有发现系统默认的进入动画是从右侧进入到左侧停止，退出动画是从左到右移动直到完全退出界面。 当我们从Activity1跳转到Activty2的时候Activity2从右侧进入界面，点击返回按钮...
- 微信小程序——动态改变循环列表中的某一个元素样式
如果想要一次点击修改全部元素内容的话，那么对这些按钮设置一个status变量即可，通过改变按钮的status=1，按钮在循环队列中则会全部变为1。 如果想要达到顶部图片的效果。那么以下进入正题： 通过图片可以发现...
- Qt 之 QSS（样式表语法）
更多参考样式规则样式表包含了样式的规则和序列，一个样式规则由一个选择器和声明组成，选择器指定哪些部件是由规则影响的，声明指定哪些属性应该在部件上进行设置。例如：QPushButton { color: red
- js设置before和after伪元素效果的方法总结
我们知道，我们无法直接给before和after伪元素设置js效果 例子说明 现在需要为(id为box,内容为"我是测试内容"的div)添加(:before内容为"前缀"，颜色为红色的伪元素) Document 我是测试内容 var ...
- HTML5基础之代码入门
之前一直在修改现成的项目，学习的内容也是现学现用，没有很系统的学习，这次决定发一些时间，系统的学习，以便充实自己的前端知识，也想提升自己的前端技术。 今天总结的是HTML5基础的第一部分代码入门，主要涉及...
- weex-修改style的几种方法
对于不熟悉weex和js的人来说，初学weex不知道怎么来修改style，即使网上查了，也很难查找到需要的信息，好不容易查到了还是js里面的东西，还不确定weex是否支持，这里，博主经过才坑，总结了两种方法来修改style，...
- 用代码实现GridLayout平均分布样式
使用android.support.v7.widget.GridLayout包，只使用代码轻松实现动态添加GridLayout的子View并且实现平均分布.
- layer弹窗样式的修改
是工作上遇到的问题弹窗按钮样式冲突 修正前： ， 参考了这里之后才解决了http://blog.csdn.net/docallen/article/details/53613186 修正后： 重要的是这句 （其实layer官网的文档上就有skin的...
- OpenLayers 3 之 动态点扩散效果
当某个地方发生一些事情之后，如果我们添加一个静态点在地图上，并不能引起注意，那我们可以放置一个动态的点，类似于在水中投入一个石头，水波扩散的效果，象征发生的事件有一定的影响区域，那么，我们如何利用 ...
- Qt 之QToolButton 实现QQ界面按钮效果
我们知道在QtDesigner中拖出来的空间都是最原始状态的，样式不是很美观，但是Qt提供了QSS，我们可以对控件设置样式来达到我们想要的效果。因此单独一个控件可以实现多种的样式。我们可以通过继承控件并重写...
- pentaho的使用与感受
最近闲来无事跟着公司同事在学做报表，要知道，在传统公司中，报表是向上级反映情况的信息表格，：报表就是用表格、图表等格式来动态显示数据，可以用公式表示为：“报表 = 多样的格式 + 动态的数据”。 基于这个...
- js改变style样式和css样式
在很多情况下，都需要对网页上元素的样式进行动态的修改。在JavaScript中提供几种方式动态的修改样式，下面将介绍方法的使用、效果、以及缺陷。 1、使用obj.className来修改样式表的类名。 2、使用obj.style....
- QWidget设置窗口背景图片的几种方法
我们知道Qt中所有界面类的祖先是QWidget，因此学会给QWidget设置图片是必须掌握的技能之一。但是编程是没有标准答案的，达到同一效果可以有许多不同的方法。那么给窗口设置背景图片又有多少种方法呢？接下...
- Android动态设置TextView的文本格式
一 在value文件夹下创建colors.xml #FFFFFF 二 在需要动态设置字体颜色的地方设置颜色 ...重点：使用getResources()获取所需的资源，并不拘泥于字体颜色，任何可以动态设置资源的地方都可以用。
- ExtJS中设置下拉列表不可编辑
ExtJS中设置下拉列表框不可编辑 ExtJS这个框架，并没有学习和用过，只知道是一个流行的前段框架，和Easy UI,BUI,DWZ等这些框架都是差不多的，只不过比他们更加强大而已，之所以写这个，我觉得还是很有帮助的。 ...
- Qt之stylesheet使用介绍
一条样式规则由一个选择器和一个声明语句组成，选择器指明了哪个（或者说是哪种）部件将会受规则影响，而声明语句则指明了哪些属性会设置到这个（这些）部件. 举个例子： QPushButton {color: red}1 在...
- 微信小程序 不同的移动设备上应该如何设置rpx单位？
我们在做微信小程序的开发时，经常会遇到在写样式表的时候发现用PX的效果不太理想的情况。日常开发中，我们常用rem、em来做响应式布局的像素单位，他们都是相对单位。rem相对于文档的根元素，em相对于父元素。但是在...
- 微信小程序，学习笔记（二）样式（WXSS）及一个简单的小测试用例
微信小程序，学习笔记（二）样式（WXSS）及一个简单的小测试用例WXSS（WeiXin Style Sheets）这东西其实是微信自己的一种 CSS 语言，大部分都还是 CSS 语法，也有自己的东西，主要针对微信自己的 WXML 标记语言而生...
- 个人信息卡片列表样式切换页面详解
先来看看长什么样子（动态图可能加载会慢一点）: 先看怎么写，源码放在了github上本文最后会有链接可以做个参考。 #HTML结构 还是简单的HTML结构（我写的HTML结构都很简单哈哈） //注意看图片中的文字。具体的样式...
- 修改Android中Spinner的显示及下拉样式的四种方法
最近用到Android中Spinner控件，搜...修改Spinner的显示及下拉样式，先可以分为Spinner控件被加载前的静态设置和加载后的动态设置两类。 所谓加载前的静态设置也可以分成两种。一种（后文称A方法）就是最简单、最直接地
- vue.js动态改变css
我们都知道Vue.js有一个特性是数据驱动视图，这样我们就不用再去修改dom，那么如何在不通过dom的情况下去动态改变我们的样式，官网给了我们几种方式，在这里我写了几个例子实现了一下（使用vue-cli）： 1、在data()...
- 做一个自定义滚动条
关于滚动条，大家知道有一些部件可以设置自带的滚动条，来达到滚动的效果，比如动态面板。但是系统自带的滚动条有一个通病：不太好看并且不能修改样式。那我们怎么做好看的滚动条呢？需要我们去做设置。先看一下动态...
- 自定义bootstrap样式-9行样式自定义漂亮大气bootstrap导航栏
看看这幅图，估计都知道这些框架，但是大部分公司中实际要用到的也就那么几个。 发展再快,框架再多。还是得回到原点，不就是Html+Css+JavaScript吗，使用任何牛逼的框架之前你也得把这些东西玩熟练了。bootstrap...
- 设置QFrame的背景图片并不影响其子控件的效果
项目建立完成后： 右键点你的项目 “Add New”->"QT Resource file" 生成一个qrc文件 然后双击它 点add 然后Add Prefix 再Add file 完事之后build一下 在你的ui上点右键 －>Change StyleSheet ->add ...
- 在WEB程序中如何画图并显示
大家都知道，在窗体上画图形，并显示出来很容易，只要得到相关容器的Graphics，就可以按照自己想要的样式去画；但是在WEB中，想要在某个页面中去随意画出图形并且显示出来则不能像窗体程序那样，因为不能获得某个...