首页 > 软件开发 > JavaScript >

如何用js来修改HTML里的样式

来源:互联网 2023-03-17 00:00:41 版权归原作者所有,如有侵权,请联系我们

如何用js来修改HTML里的样式cgj办公区 - 实用经验教程分享!

工具/原料

  • javascript

方法/步骤

  • 1

    首先设置HTML文档。cgj办公区 - 实用经验教程分享!

    如何用js来修改HTML里的样式cgj办公区 - 实用经验教程分享!

    如何用js来修改HTML里的样式cgj办公区 - 实用经验教程分享!

  • 2

    var one = document.getElementById("one");cgj办公区 - 实用经验教程分享!

    one.innerHTML = "";cgj办公区 - 实用经验教程分享!

    .innerHTML可以修改原本的内容。cgj办公区 - 实用经验教程分享!

    如何用js来修改HTML里的样式cgj办公区 - 实用经验教程分享!

    如何用js来修改HTML里的样式cgj办公区 - 实用经验教程分享!

  • 3

    如果script标签位置不对,那么是不会有效果的。cgj办公区 - 实用经验教程分享!

    如何用js来修改HTML里的样式cgj办公区 - 实用经验教程分享!

    如何用js来修改HTML里的样式cgj办公区 - 实用经验教程分享!

  • 4

    var one = document.getElementById("one");cgj办公区 - 实用经验教程分享!

    one.style.backgroundColor = "";cgj办公区 - 实用经验教程分享!

    我们还可以修改颜色。cgj办公区 - 实用经验教程分享!

    如何用js来修改HTML里的样式cgj办公区 - 实用经验教程分享!

    如何用js来修改HTML里的样式cgj办公区 - 实用经验教程分享!

  • 5

    var two = document.getElementById("two");cgj办公区 - 实用经验教程分享!

    two.href = "";cgj办公区 - 实用经验教程分享!

    超链接的内容也是可以修改的。cgj办公区 - 实用经验教程分享!

    如何用js来修改HTML里的样式cgj办公区 - 实用经验教程分享!

    如何用js来修改HTML里的样式cgj办公区 - 实用经验教程分享!

  • 6

    var two = document.getElementById("two");cgj办公区 - 实用经验教程分享!

    two.style = "border: 1px solid red;";cgj办公区 - 实用经验教程分享!

    这是修改样式的另外一种书写方式。cgj办公区 - 实用经验教程分享!

    如何用js来修改HTML里的样式cgj办公区 - 实用经验教程分享!

    如何用js来修改HTML里的样式cgj办公区 - 实用经验教程分享!

  • 6此文章未经授权抓取自百度经验
  • 注意事项

    • 注意书写格式的问题

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


    标签: CSSHTMLJAVASCRIPT

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