万奢网_二手名表回收/买卖交易公司
高端腕表交易平台
万奢网手机版 注册 / 登录
万奢网-名品奢网名表回收网 › 首页 › 查看评论

JavaScript 如何改变 HTML 内容？

评论 (2)|发表评论

  • 奢侈品回收 2023-2-15 20:23 引用
    比方说你想点击一个按钮之后改变另外一个p标签的内容，你可以这样写：<p id="para">原始内容</p>

    <button onclick="">点我改变内容</button>给p标签设置id是便于在js中根据该id获取这个元素。你可以在js代码部分定义一个函数，比如：function change(){

            document.getElementById("para").innerHTML = "内容变了";

    }

    之后把button的onclick写成"change();"，就可以实现点击按钮的时候p标签内容改变。document.getElementById() 便是根据id来获取元素，之后改变元素的innerHTML ，这是元素的内容。完整写出来就是这样：<!DOCTYPE html>

    <html>

            <head>

            </head>

            <body>

                    <p id="para">原始内容</p>

                    <button onclick="change();">点我改变内容</button>

            </body>

            <script>

                    function change(){

                            document.getElementById("para").innerHTML = "内容变了";

                    }

            </script>

    </html>效果：


    点击前



    点击后
  • wanhuLee 2023-2-15 20:22 引用
    JavaScript 可以通过访问 HTML DOM 并修改其元素的属性来改变 HTML 内容。下面是一个简单的示例：phpCopy code

    <p id="example">这是一段原始文本。</p>



    <script>

      document.getElementById("example").innerHTML = "这是新文本。";

    </script>

    在这个示例中，JavaScript 首先使用 document.getElementById 方法找到了带有 id 属性的 HTML 元素，然后使用 innerHTML 属性修改了该元素的内容。

 万奢网手机版

官网微博：万奢网服务平台

今日头条二维码 1 微信公众号二维码 1 抖音小程序二维码 1
上海万湖珠宝贸易有限公司 地址：上海市宝山区共和新路4727号新陆国际大厦1003-1007室 网站经营许可证 备案号：沪ICP备11005343号-12012-2019
万奢网主要专注于手表回收,二手名表回收/销售业务,可免费鉴定(手表真假),评估手表回收价格,正规手表回收公司,宝山实体店,支持全国范围上门回收手表
可信网站 企业信用 不良信息举报中心 网警110报警中心
返回顶部