Luke's home Luke's home
首页
  • 前端文章

    • JavaScript
页面
技术
更多
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)

Luke xiao

K
首页
  • 前端文章

    • JavaScript
页面
技术
更多
关于
收藏
  • 分类
  • 标签
  • 归档
GitHub (opens new window)
  • javascript

    • 基础知识
    • 进阶知识

    • 函数

    • JS HTML DOM

      • Dom简介
      • Dom操作
        • 改变 HTML 内容
        • 改变HTml属性
        • 改变css
      • Dom事件
      • Dom监听
      • DOM 元素 (节点)
      • Dom集合
      • Dom节点列表
    • JS 高级教程

    • 浏览器BOM

    • HTML5新特性

    • CSS3新特性

  • 布局

  • less

  • js库

  • 前端
  • javascript
  • JS HTML DOM
lukexiao
2021-05-01

Dom操作

# 改变 HTML 内容

document.getElementById("p1").innerHTML="新文本!";  //通过更改innerHTML来改变
1

# 改变HTml属性

document.getElementById('one').src='xx'
document.getElementById('one').title='zheshi tupain'  //只要这个标签有什么属性,我们在获取到html元素后就可以.属性名称来改变
1
2

# 改变css

其实就是改变style属性,不过style下面还有好多子属性,依次点下去就可以了

var x=document.getElementById('two')    //这里我们改变了它的大小
x.innerHTML='haha'
x.style.fontSize='60px'
x.style.color='red'
1
2
3
4
编辑 (opens new window)
上次更新: 2021/08/13, 23:21:49
Dom简介
Dom事件

← Dom简介 Dom事件→

最近更新
01
流式布局
08-13
02
flex布局
08-13
03
rem布局
08-13
更多文章>
Theme by Vdoing | Copyright © 2021-2021 Evan Xu | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式