JS中行内style怎么写?_WEB前端开发

JS中行内style怎么写?_WEB前端开发,第1张

W3C盒子模型与IE盒子模型有什么区别_WEB前端开发

css快速入门:本文为大家实例介绍了W3C盒子模型与IE盒子模型的区别,具有一定的参考价值,希望可以帮助到大家。


在同样的数据下,border-box比content-box小。


行内style的写法为:1、对复合属性的写法是去掉中间的“—”,并将第二个单词大写,代码为【alert(box.style.color)】;2、float是关键字有特殊写法,代码为【alert(box.style.float)】。


JS中行内style怎么写?_WEB前端开发,第2张

JS中行内style的写法为:

1、访问元素样式1, stye属性只对行内样式有用

var box = document.getElementById("box");

2、对复合属性的写法是去掉中间的“—”,并将第二个单词大写。


JS中渐进增强是什么意思?_WEB前端开发

渐进增强的意思是针对低版本浏览器进行构建页面,保证最基本的功能,然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。


 // alert(box.style.color);
    // alert(box.style.fontSize);

3、float是关键字,因此最好不要这样写    

 //alert(box.style.float);

4、对float属性ie和非ie有差异:

 // alert(box.style.cssFloat); //非ie
    // alert(box.style.styleFloat); //IE专用

5、给float赋值,且兼容所有浏览器  

 // typeof box.style.cssFloat !="undefined"?box.style.cssFloat = "right":box.style.styleFloat ="right";

相关学习推荐:javascript视频教程

以上就是JS中行内style怎么写?的详细内容,更多请关注ki4网其它相关文章!

如何实现图片懒加载?_WEB前端开发

实现懒加载的方法:​首先自定义属性如【data-imgurl】,存放着图片的路径;然后通过js判断界面滚动的位置或图片是否已加载;最后加载再去获取属性【data-imgurl】的值赋给src即可。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/zaji/561052.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2020-06-30
下一篇 2020-06-30

发表评论

登录后才能评论

评论列表(0条)

保存