改变 HTML标签样式和 attribute 改变 HTML 属性

最新推荐文章于 2022-09-20 17:13:41 发布

醉过方知酒浓-tiger

最新推荐文章于 2022-09-20 17:13:41 发布

阅读量1.5k

点赞数 1

分类专栏： js常用基础知识点

本文链接：https://blog.csdn.net/qq_27937043/article/details/58017576

版权

js常用基础知识点专栏收录该内容

9 篇文章 0 订阅

订阅专栏

  如需改变 HTML 元素的 
 样式，请使用这个语法：document.getElementById( 
 id). 
 style.property= 
 new style 

   如需改变 HTML 元素的 
  属性，请使用这个语法：document.getElementById(id). 
  attribute=new value 
 

 
 实例 1 

  下面的例子会改变 <p> 元素的样式： 

  <p id=" 
 p2">Hello World!</p> 

  <script> 

 
 document.getElementById("p2").style.color="blue"; 

  </script> 

 
  实例 2 
 
   本例改变了 <img> 元素的 src 属性： 
 
   <!DOCTYPE html> 
 
   <html> 
 
   <body> 
 
   <img id=" 
  image" 
  src="smiley.gif"> 
 
   <script> 
 
  document.getElementById("image").src="landscape.jpg"; 
 
   </script> 
 
   </body> 
 
   </html>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

醉过方知酒浓-tiger

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
改变 HTML标签样式和 attribute 改变 HTML 属性

如需改变 HTML 元素的样式，请使用这个语法：document.getElementById(id).style.property=new style如需改变 HTML 元素的属性，请使用这个语法：document.getElementById(id).attribute=new value实例 1下面的例子会改变元素的样式：p2">Hello World!
复制链接

扫一扫