
正文
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>






