• JavaScript-HTML DOM改变HTML

    题记

            javascript中html dom改变html

    改变HTML输出流 

    1. html>
    2. <html>
    3. <head>
    4. <meta charset="utf-8">
    5. <title>实例title>
    6. head>
    7. <body>
    8.  
    9. <script>
    10. document.write(Date());
    11. script>
    12.  
    13. body>
    14. html>

    改变HTML内容

            语法：

            document.getElementById(id).innerHTML=新的 HTML 

            实例：

    1. html>
    2. <html>
    3. <head>
    4. <meta charset="utf-8">
    5. <title>实例title>
    6. head>
    7. <body>
    8.  
    9. <p id="p1">Hello World!p>
    10. <script>
    11. document.getElementById("p1").innerHTML="新文本!";
    12. script>
    13. <p>以上段落通过脚本修改文本。p>
    14.  
    15. body>
    16. html>

             实例：

    1. DOCTYPE html>
    2. <html>
    3. <head>
    4. <meta charset="utf-8">
    5. <title>实例title>
    6. head>
    7. <body>
    8.  
    9. <h1 id="header">旧标题h1>
    10. <script>
    11. var element=document.getElementById("header");
    12. element.innerHTML="新标题";
    13. script>
    14. <p>"旧标题" 被 "新标题" 取代。p>
    15.  
    16. body>
    17. html>

    改变HTML属性

            语法：

            document.getElementById(id).attribute=新属性值 

            实例：

    1. DOCTYPE html>
    5. 实例
    8.  
    11. 原图片为 smiley.gif,脚本将图片修改为 landscape.jpg
    12.

     后记

            觉得有用可以点赞或收藏！ 

  • 相关阅读:
    安卓的分区一点有用知识：super、lpunpack、lpdump
    软件测试之预示面试成功的暗示
    Q-Learning
    计算机竞赛 深度学习手势识别 - yolo python opencv cnn 机器视觉
    理解ASP.NET Core - 发送Http请求(HttpClient)
    接入网络技术
    springboot-dubbo and Thymeleaf使用
    设计模式七大原则
    Vue2.0 组件components
    【无标题】
  • 原文地址：https://blog.csdn.net/m0_70819559/article/details/134009968