首页 > 软件开发 > HTML >

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

来源:互联网 2023-03-16 19:15:46 448

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

工具/原料

  • javascript

方法/步骤

  • 1

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

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

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

  • 2

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

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

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

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

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

  • 3

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

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

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

  • 4

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

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

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

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

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

  • 5

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

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

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

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

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

  • 6

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

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

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

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

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

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

    • 注意书写格式的问题

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


    标签: CSSHTMLJAVASCRIPT

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