DOM（文档对象模型）改变HTML

最新推荐文章于 2024-08-09 10:42:44 发布

weixin_30258027

最新推荐文章于 2024-08-09 10:42:44 发布

阅读量52

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/winola/p/5677307.html

版权

声明：因本人近期对前端尤其的感兴趣，故一直在自学。而最近这几天处于初学期，估计前端的门槛都还没踩到，这会仅是对学习过程的一个记录，如有错误，请指出。万一你不幸被我误导了，勿怪勿怪，我也不是故意的。

① id: var x=document.getElementById("intro");

② 元素标签的名字：

var x=document.getElementById("main");
var y=x.getElementsByTagName("p");  //找到id为main的父元素里面的p元素

③ 通过类名查找HTML元素

① 改变HTML的内容：

document.getElementById("p1").innerHTML="New Text!";   //改变id为p1的元素内容

② 改变HTML的属性：

<img id="image" src="smiley.gif">
document.getElementById("image").src="landscape.jpg"; //将原图片替换为新图片

③ 改变HTML的样式：

document.getElementById(id).style.property=new style; //语法格式
<p id="p2">Hello World!</p>
document.getElementById("p2").style.color="blue";

转载于:https://www.cnblogs.com/winola/p/5677307.html

关注