首页 > 软件开发 > CSS >

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

来源:互联网 2023-03-16 19:10:20 442

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

工具/原料

  • javascript

方法/步骤

  • 1

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

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

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

  • 2

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

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

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

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

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

  • 3

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

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

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

  • 4

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

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

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

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

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

  • 5

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

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

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

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

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

  • 6

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

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

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

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

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

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

    • 注意书写格式的问题

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


    标签: CSSHTMLJAVASCRIPT

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