zoukankan      html  css  js  c++  java
  • JavaScript HTML Dom改变HTML

    本人为小白,首次写博客  有不正确的地方望多多指点与见谅!!

    一,改变HTML的内容

    语法:

    document.getElementById(id).innerHTML=new HTML;

    具体用法:(1)

    document.getElementById("p1").innnerHTML="你好";//把标签p1里的内容改为你好

    具体用法:(2)

    var XXX=document.getElementById("p2");
    XXX.innerHTML="你好,世界";

    二,改变HTML的属性

    语法:

    document.getElementById(id).attribute = new value;

    例:

    document.getElementById("p3").src="XXX.jpg";//将标签p3的图片换为XXX.jpg

    三,更改HTML的样式

    语法:

    document.getElementById(id).style.prepetry = new style;

    例:

    document.getElementById("p4").style.color="red";//将标签P4的内容的字体改为红色
    还可以添加进事件

    <h1 id="p5">你好</h1> <button type="button" onclick="document.getElementById('p5').style.color='red'"> 点击这里 </button>
  • 相关阅读:
    协成
    进程与线程-多线程
    进程与线程2
    进程与线程
    socket编程
    常用模块二(hashlib、configparser、logging)
    异常处理
    python之路——面向对象进阶
    封装
    初识——面向对象
  • 原文地址:https://www.cnblogs.com/lshdashi/p/7701754.html
Copyright © 2011-2022 走看看