位置: 编程技术 - 正文

JavaScript CSS修改学习第二章 样式(js 修改 css)

编辑:rootadmin
另外,有时候你也许想知道添加到一个元素或者链接上的样式的具体内容。而style属性只能读取元素的内联形式的样式,所以如果你想读取其他样式就得另想办法了。 偏移 在使用一些小技巧之前,IE和Mozilla已经添加了一个比较好的办法:offsetSomething。使用这些属性你就能够读取这个段落现在的一些比较重要的样式。 举个例子,使用offsetWidth。你就能知道这个段落现在的宽度的像素值。为了测试,你可以改变一下窗口的大小然后再运行一下。 代码也非常的简单: 然后我们以警告框的形式显示这个值:alert('offsetWidth = ' + getOff())。 现在你就得到了这个段落在用户浏览器里面的像素值,就可以进行一些运算了。下面是一些你可以读取的其他属性: offsetHeight:高度的像素值 offsetLeft:距离左边的像素值(什么左边?见下) offsetTop:距离上面的像素值(什么上面?见下) offsetWidth:宽度的像素值 注意这些属性是只读的,你不能直接修改。 为了方便说明,我准备了一小段代码。首先把这个段落移过来。 然后我们给他的宽度增加像素。如果我们这时候查看offsetWidth就会看到变化。你也可以减少像素然后查看。 如果你在两种浏览器里面查看,可能会有不同。在IE里面就是原来的宽度+像素,但是在Mozilla里面不是。因为Mozilla的更合乎标准一些:他只是查看内容的宽度,而IE里面会加上边距和边框的宽度。虽然Mozilla的比较正确,但是我更倾向于IE的,因为更加的直观一些。 如果你不介意Mozilla/IE的兼容性的话,代码还是很简单的: 我们给函数传递要改变的值amount,然后用getOff()函数获得原来的大小然后存储在y里面,最后我们用原始大小和需要改变的值来重新确定元素的大小。 offsetWidth/Top 关于他们的定义,请在上一章中查看。 得到样式 我们看到offset属性局限性很大。浏览器给了我们一些更加方便的访问元素样式的方法但是不幸的是他们的可靠性和通用性不及offset。 Mozilla和Opera Mozilla和Opera更倾向于使用css式的表达式而不是JavaScript的。比如你要得到字体大小就要使用css的font-size,而不是JavaScript的fontsize。 Mozilla支持的样式很少。比如border[-somthing]在Mozilla里面就是空值,但是Opera能给出准确的值。 IE 在IE里面我们能得到很多的样式信息,但是我们一定要小心。在这个例子中border不起作用,你需要borderStyle,borderWidth,borderColor。 注意在JavaScript里面要方位border-width属性必须拼写成borderWidth。因为这个连接线可能会被认为是减号。 另外,IE经常给出auto值。虽然这是真实的值,但是没什么用。所以有时候还得使用offset。 代码 代码依旧很简单: 首先我们传递元素的ID和想访问的样式名称 然后我们把元素保存在x中: 首先是IE的方法:元素的currentStyle属性 然后给调用这个函数的程序返回y。 虽然这个函数不是很完美,但是也已经力所能及了。 翻译地址: 转载请保留以下信息 作者:北玉(tw:@rehawk)

推荐整理分享JavaScript CSS修改学习第二章 样式(js 修改 css),希望有所帮助,仅作参考,欢迎阅读内容。

JavaScript CSS修改学习第二章 样式(js 修改 css)

文章相关热门搜索词:js怎么修改css样式,js怎么修改css样式,js修改css文件,js修改css样式属性,js修改css样式属性,js修改css文件,js 修改 css,js如何修改style,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript CSS修改学习第三章 修改样式表 请注意代码和传统的DHTML的区别。在DHTML你通过直接修改页面上的特定元素来改变样式,而这里的代码修改的是样式表。在这里查看W3CDOM-CSS的兼容性列

JavaScript CSS 修改学习第四章 透明度设置 这里是测试页。在JavaScript里面设置透明度我用下面的代码来设置透明度:functionsetOpacity(value){testObj.style.opacity=value/;testObj.style.filter='alpha(opacity='+value*

JavaScript CSS修改学习第五章 给“上传”添加样式 问题在一个网站中可能我的输入框式下面这样的:设计者可能想让上传部分也像这样然后再添加一个select按钮。但是当我想把普通的输入框改为上传框

标签: js 修改 css

本文链接地址:https://www.jiuchutong.com/biancheng/381859.html 转载请保留说明!

上一篇:JavaScript CSS修改学习第一章 查找位置(js如何修改style)

下一篇:JavaScript CSS修改学习第三章 修改样式表(用js改变css样式)

  • 税金及附加要扣除吗
  • 固定资产盘点折旧怎么算
  • 公司代个人收承兑汇票
  • 债务清偿如何进行税务处理
  • 企业所得税汇算清缴申报表
  • 交防伪税控服务费怎么交
  • 电商一定要注册公司吗
  • 高新技术产品收入增长率公式
  • 购买商品用于抵债的会计分录要怎么做?
  • 企业债务的利息允许从税前利润扣除是什么意思
  • 营改增劳务派遣
  • 社保公积金会计分录怎么写
  • 租金发票会计分录
  • 委托加工代扣代缴的消费税如何计算
  • 预缴时少缴税款是否需要缴纳滞纳金?
  • 资产委托经营管理合同
  • 支付工程款时有哪些费用
  • 建筑业可以开电费发票吗
  • 免税农产品购进怎么做账
  • 往来款和应收账款
  • linux怎么使用命令
  • 如何玩faceit
  • 个税手续费返还属于政府补助吗
  • 金税盘减免税款可以抵扣销项税吗
  • 什么车不用交保险
  • 发票专用章正规位置盖在哪里
  • thinkphp paginate
  • 503错误的原因和解决方法
  • php面向对象优点,缺点
  • PHP:json_last_error_msg()的用法_JSON函数
  • 失控发票进项转出后要补企业所得税吗
  • 房地产企业的沙盘模型制作费会计处理
  • 一般纳税人转让不动产预缴
  • 接受赠品的账务处理流程
  • 无运输工具承运业务的经营者适用免税政策
  • 安大略省节日
  • 损益类科目月末结转到哪个科目
  • 长期借款和短期借款的区别是什么
  • php判断数据库是否连接成功
  • php array_reverse 以相反的顺序返回数组实例代码
  • qss 设置字体
  • php取二维数组的一组内容
  • 面试官问:mysql 的自增 id 用完了,怎么办?
  • ci框架视频教程
  • nginx怎么运行php
  • 金银首饰零售商属于消费税纳税人吗
  • 个体工商户开普通发票需要交税吗
  • 土石方工程的税费缴纳方法
  • 小规模增值税减征额怎么算
  • 先付款后开票怎么做账务处理
  • 当月已付款, 没收到发票怎么做账
  • 销售并提供安装服务怎么开票
  • 计提工会经费会计凭证怎么做分录
  • 2020年工资标准表
  • 个体工商户不经营需要税务登记吗
  • 公司土地被征收怎么办
  • 印花税可以去地方申报吗
  • 合资注册公司应该注意什么
  • 购货方与付款方不一致
  • 本年利润的计算
  • 怎么统计每日产量
  • mysqld占用cpu高
  • redhat server
  • dll文件在哪儿
  • mac复制文件路径后怎么粘贴
  • win8系统运行在哪里
  • win10 window
  • vim配置语法高亮
  • 跳跳僵尸小游戏攻略
  • nodejs dgram
  • android网络开发技术答案形考任务五
  • unity中ngui
  • unityui
  • 使用jquery计算li元素的个数
  • JavaScript性能优化
  • 重庆税务信息采集如何操作
  • 增值税电子普通发票和普通发票区别
  • 小企业会计准则的印花税计入什么
  • 餐厅税务依据有哪些
  • 租房协议中怎样签字
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设