DOM操作.操作元素内容

酒菡

已于 2022-10-06 14:19:54 修改

阅读量643

点赞数

分类专栏： javascript #HTML 文章标签： html 前端

于 2022-10-06 14:12:28 首次发布

本文链接：https://blog.csdn.net/qq_62779007/article/details/127182628

版权

#HTML 同时被 2 个专栏收录

31 篇文章 1 订阅

订阅专栏

javascript

1 篇文章 0 订阅

订阅专栏

操作元素内容
操作元素文本内容获取:元素.innerText 设置:元素.innerText='新内容'

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<script>
  /*操作元素内容*/
</script>

<script>

</script>

<button>操作内容</button>
<body>
<div>
  <p>文本内容</p>
</div>

<script>
  var e=document.querySelector('div')
  var f=document.querySelector('button')
  console.log(e.innerText)
  f.οnclick=function () {
    e.innerText='我爱你'
  }
</script>

</body>
</html>