首页 > 软件开发 > JavaScript >

GIF动态图教程-JS语言22-DOM操作(实例)

来源:互联网 2023-03-16 23:58:51 版权归原作者所有,如有侵权,请联系我们

uwm办公区 - 实用经验教程分享!

方法/步骤

  • 1

    可以通过JavaScript修改标记的样式,如图操作,修改字体颜色。uwm办公区 - 实用经验教程分享!

    GIF动态图教程-JS语言22-DOM操作(实例)uwm办公区 - 实用经验教程分享!

  • 2

    如图操作,修改字体字号,需要注意的是F是大写,第2个单词要大写,不然无效果,以此类推,例如设置背景色也一样。uwm办公区 - 实用经验教程分享!

    GIF动态图教程-JS语言22-DOM操作(实例)uwm办公区 - 实用经验教程分享!

  • 3

    如图操作,修改背景颜色。uwm办公区 - 实用经验教程分享!

    GIF动态图教程-JS语言22-DOM操作(实例)uwm办公区 - 实用经验教程分享!

  • 4

    如图操作,修改边框。uwm办公区 - 实用经验教程分享!

    GIF动态图教程-JS语言22-DOM操作(实例)uwm办公区 - 实用经验教程分享!

  • 5

    如图操作,修改宽度。uwm办公区 - 实用经验教程分享!

    初学者常常会在style对象的赋值中犯错,例如将v.style.width=“30%”误写成v.style.width=30%。需注意,在使用style修改元素样式时,属性值应为文本类型。uwm办公区 - 实用经验教程分享!

    GIF动态图教程-JS语言22-DOM操作(实例)uwm办公区 - 实用经验教程分享!

  • 6

    如图操作,修改边框半径距离。uwm办公区 - 实用经验教程分享!

    GIF动态图教程-JS语言22-DOM操作(实例)uwm办公区 - 实用经验教程分享!

  • 6此文章未经许可获取自百度经验
  • 注意事项

    • 按住Ctrl键 鼠标滚动滑轮可以放大网页更清楚查看gif动态图。
    • 因gif动态图将重复播放。建议进入-步骤阅读模式-边看文字边单击图片放大看。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!uwm办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号