Javascript：通过对象.innerHTML属性来修改属性的值

听海边涛声

于 2024-06-19 11:25:42 发布

阅读量201

点赞数 3

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/panghuangang/article/details/139797663

版权

Javascript：通过对象.innerHTML属性来修改属性的值。

元素.innerHTML 属性：

将文本内容更新或增加到任意标签位置
会解析标签。但是，对于多标签，建议采用模版字符串。

示例：更新元素的内容，并能够识别标签

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <div class="box">我的原始文字内容</div>
  <script>
    // 获取元素
    const box = document.querySelector('.box')
    // 修改文字内容
    console.log(box.innerHTML)
    box.innerHTML = '<strong>我修改了内容</strong>'
  </script>
</body>

</html>